1. Чтобы сделать полупрозрачный скроллбар, можно использовать следующий CSS код:
```css
::-webkit-scrollbar {
width: 8px; /* ширина скроллбара */
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5); /* цвет полупрозрачного скроллбара */
}
```
2. Чтобы сделать скроллбар невидимым, можно использовать следующий CSS код:
```css
::-webkit-scrollbar {
display: none; /* скрываем скроллбар */
}
```
3. Скроллбар на MacOS в Google Chrome занимает место из-за того, что браузер автоматически применяет свои стили к элементам. Для решения этой проблемы можно использовать свойство `overflow: overlay`, чтобы скроллбар был полупрозрачным и находился поверх контента:
```css
.element {
overflow: overlay; /* скроллбар поверх контента */
}
```
Таким образом, с помощью указанных выше методов можно настроить полупрозрачный и невидимый скроллбар, а также решить проблему с отображением скроллбара на MacOS в Google Chrome.