Здрасте всем!
В Этой статье я хотел бы рассказать вам об одной фиче, которая позволит вам скрыть некрасивый скролл окна, однако оставить контент внутри прокручивающимся. Бывает немало задач в повседневной жизни верстальщика, где это крайне необходимо.
Проблема: скрыть стандартный скролл какого-либо элемента.
Решение: решить эту задачу нам поможет незамысловатая манипуляция со стилями для этих двух блоков. Ничего сверхъестественного мы не сделаем, добавим лишь для первого блока overflow:hidden, чтобы "отсечь" из зоны видимости наш скролл, а второму блоку добавим ширину, большую, чем 100% нашего внешнего блока. Я решил это сделать очень удобным свойством width:calc(100% + 17px). 17px - ширина нашего скролла, который будет прятаться за нашим внешним блоком overlay. Ну и не забываем, что для того, чтобы calc работал, между знаком "+" обязательно (!) нужно поставить пробелы.
Результат этого эксперимента и решение нашей задачи Вы можете просмотреть по ссылке
Предлагаю перейти от теории к практике - можете предложить решения для Веб-клиента Голоса https://golos.io на гитхаб
Спасибо за приглашение, но я работаю в хорошей компании, и блог - это лишь хобби