JS-плагины №9. Кастомный скролл для сайта - simplebar.js

[@СветланаЛилу-в2д]

Вы прям выручили так выручили. Спасибо, четко, быстро, все по делу. Мне как раз нужен был кастомный скролл. И тут оп... Спасибо. Лайк поставила.

[@maxgraph]

Рад помочь :)

[@valentine.samoylov]

Спасибо! Как раз искал хороший плагин для скролла.

[@maxgraph]

Пожалуйста)

[@vollex_frontend]

Спасибо! В очередной раз выручаешь!)

[@maxgraph]

Пожалуйста)

[@ВсеволодКарпиков]

Ахаххахах, я как раз ради body и смотрел этот обзор )))), а тут на тебе "не используйте для body". Кстати можно стилизовать кроссбраузерно на чистом CSS для Лисы и даже для IE (!) Отличия будут, но они едва заметны. У меня даже миксин на Стайлусе есть для этого - запихнул три параметра и усё)

[@maxgraph]

Ну это можно, но на свой страх и риск :)

[@live-gp]

как его подружить из Scroll to top?

[@olehua7602]

Добрый день. Подскажите, пожалуйста, это видео еще актуально или появился другой способ? Возможно без подключения сторонних библиотек. Заранее спасибо.

[@maxgraph]

Вполне актуально) без подключения библиотек не во всех браузерах будет

[@הודיהבכור]

Здравствуйте! Есть плагин который настраивает скролл в селекте?

[@avgvstvs_im]

Большое спасибо за видео! Как раз сегодня необходимо было верстать кастомный скролл, очень пригодилось. Небольшой вопрос - можно ли добавить скроллу cursor: pointer? Попробовал по-разному его добавить, но так и не получилось. Не могли бы Вы подсказать?

[@maxgraph]

да просто для before задаете и все, работает.

[@ПавелКардаш-м2щ]

​@@maxgraph Для бефор задать то можно, но вот работает он неадекватно, то появляется курсор, то нет. Схватить мышкой скрол и потянуть проблематично. Сам столкнулся с этой же проблемой

[@RainbowJet1]

Отличный скролл, спасибо)

[@vladisvlavvlasenko]

Большое спаибо Очень выручил

[@maxgraph]

Пожалуйста)

[@detro1821]

нормально ли что когда я пытаюсь отследить кастомный скролл с помощью разных js свойств, по типу scrollY они не работают для кастомного скролла, а для друхих вроде как работают

[@maxgraph]

Да, нормально Ищите тот элемент, который скроллится

[@detro1821]

@@maxgraph спасибо, я наверное самый надоедливый ваш подписчик))

[@Чебугена]

Не получается подключить к gulp. Как это сделать?

[@maxgraph]

Смотреть надо, что именно не так

[@ВоваВладимир-ф7ц]

Друг не подскажешь как сделать кастомный scroll для textarea это возможно? Замучался искать нет ни где решения. Может ты знаешь. Делаю реальный заказ

[@maxgraph]

Ну разве что через css-стили попробовать, но будет не везде работать.

[@stasalsakhanov435]

Вот это попробуй: gromo.github.io/jquery.scrollbar/demo/basic.html#anchor Там в самом низу есть вариант скролла с textarea.

[@ВадимЯковенко-я1в]

А вот интересная тема была бы кастомизация плавности прокрутки, но кроссбраузерно, что бы не лагало на продукции apple из-за его собственной плавности. Видел в сети много вариантов, но не нашел толкового. Видел даже чисто для ФФ кастомизацию плавности с нативным скроллбаром.

[@w_taurn]

Скролл классный, но как стилизовать button?

[@maxgraph]

Какую?

[@w_taurn]

@@maxgraph В данном скроле как я понимаю их нет. Но кнопки которые вверх\вниз. Если они есть по дизайн макету.

[@maxgraph]

Да, их нет. Но если есть - можно написать кастомные события клика на эти кнопки и скроллить блок вниз или вверх в зависимости от кнопки. Например, через ScrollIntoView. Привет аллодерам, кстати :)

[@w_taurn]

@@maxgraph И тебе от Аллодеров). А можешь как то пример показать, а то час бьюсь с этим не могу добавить.

[@maxgraph]

yadi.sk/d/yGIxQQ96pNDbJA - ну как-то так накидал по-быстрому, кнопка внизу) для скролла вверх тоже самое по сути нужно)

[@6ixspeed387]

спасибо мужик)

[@maxgraph]

Пожалуйста)

[@vitalb7907]

на iphone 10 заметил баг что получается double-scroll

[@maxgraph]

эх, нет у меня айфона чтоб чекать такое)

[@PeT1T]

Спаисибо!

[@maxgraph]

Пожалуйста)

[@ВоваВладимир-ф7ц]

Заранее спасибо и подписка лайк

[@maxgraph]

спасибо)

[@ЛевАронов]

Спасибо, годно

[@maxgraph]

Пожалуйста)

[@ВадимЯковенко-я1в]

Есть решения для ФФ на css: developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width и developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color Для ИЕ нет на css, ну и ничего страшного =)

[@ПетроКарнаух-ж5и]

Спасибо. А если дать обертке всего сайта типа site-container кастомный скролл вместо body?

[@maxgraph]

разницы не будет)

[@stasalsakhanov435]

Вот этот плагин будет получше симплбара: manos.malihu.gr/jquery-custom-content-scroller/

[@maxgraph]

да, но увы, он на jQuery(

[@stasalsakhanov435]

@@maxgraph меня симплбар несколько раз подвел. Где то он некорректно работает, а где то вообще не подключается. Для простого скролла он вполне сгодится. Пытался в textarea его встроить, не хочет работать. В select тоже не хочет работать. А тот плагин, который посоветовал без проблем везде работает.

[@maxgraph]

Ну у меня пока не было проблем) Кастом лично для меня лучше тем, что более функциональный, имеет эвенты и тд