Почему текст выделяется вместе с прокруткой скролла вниз в браузере Гугл Хром?
Скролю страницу сайта на вордпресс, при прокрутке выделяется текст в блоках новостей. С чем может быть связано?
Дополнительно:
Ответы:
Судя по скрину, это связано с тем, что нормальный браузерный скролл-бар для контента заменён каким-то плюшевым недоразумением. Пользователь тянет мышкой с зажатой левой кнопкой, а браузер выделяет текст — всё верно.
- вы правы, подключен бутстрап, но как убрать его скролл и поставить браузерный не знаю и гугл не помогает. может вы знаете?
- adil16, сказать что-то конкретное, глядя на картинку, очень сложно. Скорее всего, в этой теме используется какой-нибудь скрипт shitty-scrollbar.js, а внутри кода вызывается функция типа shittyScrollbar.brokeScrolling(). Ищите код, который подключает такое поведение и убирайте его.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Если при прокрутке в Chrome текст на странице начинает выделяться, почти всегда где-то зажата левая кнопка мыши, срабатывает тачпад как drag, либо скрипт/верстка перехватывает события мыши. Сам браузер не должен выделять текст от обычного скролла колесом.
Проверьте простые причины:
window.getSelection(),select(), drag/drop или кастомный scrollbar.Если проблема только на одном сайте, ищите в верстке элементы поверх страницы: фиксированный блок, кастомный скроллбар, слайдер, draggable-область. В DevTools можно временно отключать скрипты или CSS-блоки и смотреть, когда выделение пропадёт.
CSS вроде
user-select: noneможет скрыть симптом, но это плохое лечение для обычного текста: пользователи не смогут копировать контент. Его стоит применять только к элементам интерфейса, где выделение реально мешает, например к кнопкам, слайдерам или drag-зонам..slider, button, .custom-scrollbar { user-select: none; }