s
Буду благодарен любой помощи и совету.
Size: a a a
2019 September 26
Р
spectrum
Буду благодарен любой помощи и совету.
Похоже на то, что у тебя в инструментах скролл меняется на мобильный из-за включения кастомного разрешения. Если отключишь - будет то же самое.
Без понятия как там в бутстрапе, но может стоит проверить, подключил ли ты все нужные файлы, на каком браузере ты работаешь и указано ли вообще, что скроллбар должен иметь свои стили.
Если нет - стилизуй сам, библиотеки найти несложно.
Без понятия как там в бутстрапе, но может стоит проверить, подключил ли ты все нужные файлы, на каком браузере ты работаешь и указано ли вообще, что скроллбар должен иметь свои стили.
Если нет - стилизуй сам, библиотеки найти несложно.
Ni
spectrum
Ссылку на страницу не могу отправить, так как новенький.
Такая возможность есть. Достаточно сделать ссылку непонятной боту:
http: // jsfiddle . net
http: // jsfiddle . net
Ni
spectrum
Друзья, приветствую.
Уже голову сломал и перерыл весь инет, в поисках ответа на свой вопрос. Может не там копаю, поэтому решил поспрашивать по сообществам. Вопрос по scrollbar'у в bootstrap. Есть div с заданной высотой. Внутри встроен слайдер. Если слайд имеет контента больше чем помещается в блок, появляется скроллбар. Всё работает, но скроллбар появляется не стиллизованным, если открыть в десктоп браузере. Хотя если в этом же браузере открыть инструменты разработчика, скролл стилизуется на абсолютно любых разрешениях и выглядит как надо. Что делать, чтобы он в десктопе отображался нормально?
Уже голову сломал и перерыл весь инет, в поисках ответа на свой вопрос. Может не там копаю, поэтому решил поспрашивать по сообществам. Вопрос по scrollbar'у в bootstrap. Есть div с заданной высотой. Внутри встроен слайдер. Если слайд имеет контента больше чем помещается в блок, появляется скроллбар. Всё работает, но скроллбар появляется не стиллизованным, если открыть в десктоп браузере. Хотя если в этом же браузере открыть инструменты разработчика, скролл стилизуется на абсолютно любых разрешениях и выглядит как надо. Что делать, чтобы он в десктопе отображался нормально?
Насколько я знаю, в самом Bootstrap нет скриптов / стилей для кастомизации скролла и его вид напрямую зависит от браузера / операционной системы.
Если открыть инструменты разработчика, по умолчанию открывается режим для тестирования адаптивности сайта и там браузером отображается мобильный скролл вместо нативного для операционной системы.
Если открыть инструменты разработчика, по умолчанию открывается режим для тестирования адаптивности сайта и там браузером отображается мобильный скролл вместо нативного для операционной системы.
Ni
Можно попробовать самому стилизовать скроллбар через стили, либо можно задействовать какую-нибудь библиотеку для этого.
Я как-то в одном проекте, например, использовал OverlayScrollbars:
https://github.com/KingSora/OverlayScrollbars
В целом, остался доволен.
Я как-то в одном проекте, например, использовал OverlayScrollbars:
https://github.com/KingSora/OverlayScrollbars
В целом, остался доволен.
Ni
s
Спасибо за наводку про то, что в инструментах автоматически включается мобильная адаптация (даже на респонсивных разрешениях) и если её не отключить браузер будет отображать мобильную вёрстку. Не знал. Это ввело в заблуждение, что у бутстрапа есть своя стилизация скролла, а её у него нет. Это всё меняет. Если бы не спросил, так бы и продолжал искать ошибку, которой нет.
s
Можно попробовать самому стилизовать скроллбар через стили, либо можно задействовать какую-нибудь библиотеку для этого.
Я как-то в одном проекте, например, использовал OverlayScrollbars:
https://github.com/KingSora/OverlayScrollbars
В целом, остался доволен.
Я как-то в одном проекте, например, использовал OverlayScrollbars:
https://github.com/KingSora/OverlayScrollbars
В целом, остался доволен.
Благодарю. Обязательно попробую обе библиотеки.
N
spectrum
Благодарю. Обязательно попробую обе библиотеки.
Пробовал через -webkit-
N
Стилизовать скролл?
N
Даешь диву у которого скролл должег быть overflow по оси которая тебе нужна
N
И сейчас найду на стаке был вопрос
s
Да, но не работает на лисе. А библиотеки конфликтуют с swiper
s
Так что ещё думаю как лучше сделать
N
Дай псевдоелемент диву
N
Пропиши обязательно вебкит скролл бар и его размеры
N
Потом прописуй стили цвета и всё остальное
N
И только через rgba
N
По другому не будет работать