Стилизация скроллбара через CSS | Custom CSS Scrollbar | Свойства scrollbar-* #shorts #frontend #css

🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале:
🟠 Курс по HTML
🔵 Курс по CSS
🟢 Курс Accessibility
⚪️ Мастер-класс по верстке для новичков

💬 Чат в телеграмме (помощь новичкам):
@friendlyFrontendChat

#shorts #frontend #фронтенд #css

[AleksanderLamkov]

📌 Друзья, в телеграмме у нас есть канал и отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь:

💬 Чат: @friendlyFrontendChat
ℹ Основной канал: @friendlyFrontend

Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

[rexdraconis]

Ух эти слайдеры... Смотрю короче на телефоне я на один сайт, а там слайдер просто бомбический. Ну думаю, и мнк такой надо. Два часа сидел, мучился, вышло очень даже неплохо. А через несколько дней я начал делать адаптивный дизайн для телефона... Оказалось это был простой стандартный слайдер для телефона, а он просто красивее чем для пк... А я зря мучился

[michaelkamko]

Спасибо за полезную актуальную инфу в краткой доступной форме.

[oBezBasKa]

уже 5 лет как использует CSS, но чесно не во всех браузерах работает даже если указать webkit

[xwsplkk]

Ещё можно добавить, чтобы не применять свойства на телефонах, есть медиазапрос @media (pointer: fine) { }

[locktar-o-dark]

Плохо, что браузеры до сих пор все по разному отображают, постоянно до сих пор приходится решать проблему

[RadexStonder]

Кастомный скроллбар средствами CSS ещё в IE6 был, но остальные браузеры это решительно не поддерживали. Типа, негоже вмешиваться в интерфейс системы и кастомизировать его))

Прошло 20 лет 😂

[darkelf]

И в итоге все равно придётся использовать сроллл построенный на js

[glasderes]

Вопрос для тех кто делают сайты на сколько трудно сделать так чтоб при крокрутки сайта он показывал анимацию, а сам сайт не прокручивался, как это сделано на сайте apple и других других больших компаний

[quarasik]

Вроде же в сафари свой скроллбар, который не поменять?

[AndrewFloatrx]

“Многие разработчики используют js” кто?! 😂 я таких не видел ))) «многие пользователи маков забивают на стилизацию скроллбаров» - это правда. 😂

[alexzakharov]

Ок. Расскажи как увеличить ширину ползунка на ховере. Я всю голову сломал. Не получилось 😢

[Pwplains]

Только не работает в сафари на iphone данный способ

[norilux]

И почему же до сих пор это делают помощи js ведь есть же куча свойств которые не работают там где нужно🫨

[wqgcrjw]

Надо перестать подыгрывать отсталым браузерам, одно и то же по 10 раз пишем. Пусть они догоняют.

[elaugaste]

в аду должен быть отдельны котел для людей рисующих и реализующих тонкие скроллбары

[hzvmuhe]

Охуенно, когда скролл-бар тоньше волоса, а надо его курсором тянуть сильно вниз
Мммм

[wildcat]

Доля Firefox: 1, 59%
Доля Safari: 2, 49%
Просто забейте, пусть там всё будет криво-косо и будет ещё меньше

[AlexandrWD]

Бессмысленно учитывая что Firefox полной кастомизации не даст. Так что только JS

[Lord_Omni]

... но есть способ сделать его выглядящим в два раза хуже средствами CSS.
PerfectScroll юзаю под сраку лет. Если надо, чтобы он сам обновлялся при изменении контента всякими Ангулярами, а не ручками, можно использовать обсёрвера.