Как сделать чтобы скроллбар всегда был тот, который в браузере?

Ссылка скопирована
PHP Яндекс
1 ответ

В браузере Chrome у меня меняется скролл на какой-то свой, подозреваю что по этой причине при прокрутке вниз или вверх выделяется содержимое сайта. В браузерах опера, фаерфокс, яндекс все нормально, при прокрутке и скроллбар стандартный стоит.

Как сделать чтобы скроллбар всегда был тот, который в браузере?

Как сделать,чтобы и в хроме был стандартный скролбар. Искал в коде сайта, не нашел где он был задан,что хром его оказывает. Сайт на вордпрессе, подключен бутстрап

и в хроме скролл стал залезать на элементы шаблона:

Как сделать чтобы скроллбар всегда был тот, который в браузере?

Дополнительно:

Ответы:

Скролл на что повешен? Хорошо бы в песочницу код залить.

  • не могу найти на что повешен и почему он появляется именно в хроме. у меня верстка разбита на части в шаблона в php, получится в песочницу(и в какую?) залить?
  • adil16, тогда ссылку на сайт
  • drtvader, он у меня пока на компе в опенсервер. можно ваш телеграм или ватс ап? как залью на сервер, отпишусь
  • drtvader, сам походу не разберусь
  • adil16, ник такой же. Но если будешь лить на сервер, то проще сюда скинуть, так больше людей сможет помочь.
Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Web-разработка Ответ

В Chrome скроллбар меняется не сам по себе. Обычно причина в CSS-правилах ::-webkit-scrollbar, JS-плагине кастомного скролла или в том, что на body/html задано нестандартное поведение overflow. Bootstrap сам по себе не должен превращать системный скроллбар в кастомный.

Сначала поищите в теме и плагинах такие строки:

::-webkit-scrollbar
overflow: hidden
overflow-y: scroll
height: 100vh
position: fixed

::-webkit-scrollbar overflow: hidden overflow-y: scroll height: 100vh position: fixed

Если найдёте правила для ::-webkit-scrollbar, удалите их или переопределите. Вернуть «браузерный» скроллбар через CSS полностью нельзя, но можно убрать кастомизацию:

html,
body {
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
}
 
* {
    scrollbar-width: auto;
    scrollbar-color: auto;
}

html, body { overflow-x: hidden; overflow-y: auto; height: auto; } * { scrollbar-width: auto; scrollbar-color: auto; }

Правила ::-webkit-scrollbar нельзя нормально сбросить универсальным unset во всех случаях. Лучше найти и удалить исходную кастомизацию. В Chrome DevTools откройте вкладку Elements, выберите body и html, затем смотрите computed-стили по overflow, height, position.

Если при прокрутке выделяется текст, возможно, у вас не скроллбар виноват, а поверх страницы лежит блок, который перехватывает мышь, или пользователь тянет не колесом, а мышью по странице. Проверьте элементы с position: fixed, z-index и шириной во всю страницу.

Если кастомный скролл добавляет JS-библиотека, ищите подключения вроде smooth-scrollbar, perfect-scrollbar, niceScroll. Их нужно отключать в настройках темы/плагина или убирать из enqueue, а не пытаться лечить только CSS.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 0 ответов Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 0 ответов печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 0 ответов Telegram Как диагностировать ошибку с подключением к прокси в мобильном приложении Telegram? 0 ответов