0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Google Chrome дёргается при прокрутке: улучшаем скроллинг в браузере

WordPress.org

Русский

Поддержка → Проблемы и решения → Дергается сайт при прокрутке колесиком в Хроме

Дергается сайт при прокрутке колесиком в Хроме

При прокрутке сайта колёсиком мышки в Хроме сайт подергивается. Например, если скролинг делать клавишами управления курсора или потянуть за бегунок прокрутки, то нормально.

Самый яркий вариант страницы, где дергается максимально вот: https://saleandbuy.ru/catalogue/

Буду благодарен за рекомендацию, как устранить.

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

akigleo, приветствую. Для начала отключите минификацию/кэширование. У меня визуально дёрганий в браузере не видно, но ошибка в консоли более чем знакомая: event.preventDefault(); внутри пассивного обработчика.

Использую плагин кеширования W3 Total Cash далее подключение через Cloudflare. Я первым делом вырубил минификацию, сбросил кеш, дал обновиться Cloudflare и т.п. К сожалению проблема не ушла. Пробовал отключать липкий сайдбар — проблема не уходит. Включил все обратно. Поэтому и решил спросить как бороться с проблемой.
На других страницах присутствует легкое подергивание, но терпимо. А именно на указанной — сильно дергается. Скорее всего переделаю эту страницу и найду другое тех. решение по выводу данных.

Единственное, я не понял как вы определили, что ошибка event.preventDefault(); внутри пассивного обработчика.

у вас на скролл повешен какой-то скрипт.
и скрипт этот вызывает ошибку, что прекрасно видно в консоли браузера при попытке крутить колесико:

могу сделать предположение, что это из-за стилизации полосы прокрутки, но правда это или нет я не знаю.

Вот теперь буду думать, как это убрать. Задача не вполне ясная, поскольку куча скриптов, плагинов и все чего-то делают. Кто из них шкодит не ясно.

Нашел негодяя.
Оказалось в теме Sahifa стояла галка для настройки «Плавная прокрутка». На других сайтах вроде нормально, а на конкретном этом сайте видимо был конфликт с каким-то скриптом.
Убрал галку, ушла проблема.

Всем большое, ну очень БОЛЬШОЕ спасибо.

akigleo,

Задача не вполне ясная, поскольку куча скриптов, плагинов и все чего-то делают. Кто из них шкодит не ясно.

Потому и надо сперва отключать всякие минификации, кэширования и прочее, а уже после этого можно спокойно отлавливать баги в консоли, читать код и пр. Это так, на будущее

Браузер Chrome дергается при прокрутке мышкой

Дергание в браузере по-другому называется скроллинг. Эта проблема известна разработчикам Google уже давно. Однако её решение затянулось. Единственное, что доступно пользователям – это расширения, встроенные функции и сторонние инструменты, которые позволяют настроить плавную прокрутку страниц.

Настройка скроллинга в Google Chrome

Компания Google тестирует множество функций, которые позволяют настроить браузер на максимально комфортную работу. Среди них есть и функция для настройки скроллинга. Для того, чтобы её активировать, нужно выполнить следующие действия:

  • Запускаем браузер. В поисковую строку вводим chrome://flags.

  • Появится новая страница с тестовыми функциями. Нужно в поисковую строку ввести запрос «Scrolling».

  • Среди результатов выдачи находим «Smooth Scrolling» (Плавная прокрутка). Выставляем значение «Enabled».

  • Или же в поисковой строке можно сразу ввести запрос #smooth-scrolling и включить эту опцию.

Важно отметить, что эта опция тестовая и для её нормальной работы нужно внести еще пару изменений в настройки мышки, а именно:

  • Жмем «Пуск», «Панель управления», «Мышь».

  • Появится небольшое окно. Нужно открыть вкладку «Колесико». Для количества поворотов колесика нужно выставить значение «4».

  • Сохраняем настройки и тестируем плавность прокрутки в браузере.

Также в Магазине Google можно найти расширение Chromium Wheel Smooth Scroller. Оно позволяет добиться немного плавной прокрутки страниц и ползунка в самой программе. Для того, чтобы установить данное расширение, стоит выполнить следующие действия:

  • Жмем на кнопке меню браузера и выбираем «Настройки». Далее, в меню слева нужно нажать на кнопку «Расширения».

  • Появится новая вкладка. Нужно нажать на ссылку «Перейти в магазин Google…».

  • В поисковой строке вводим нужный запрос.

  • Далее нажимаем «Добавить в Chrome».

  • Подтверждаем добавления расширения в браузер.

  • Включаем расширение кнопкой, которая расположена на панели инструментов.

Мало кто с юзеров использует боковую полосу прокрутки. Большинство привыкли использовать колесико или тачпад. Однако, если вы используете прокрутку в браузере, то для её правильной настройки можно задействовать функцию Overlay Scrollbars. Для этого в разделе тестовых функций нужно ввести запрос #overlay-scrollbars. Нужно включить все функции, которые вы найдете. В зависимости от версии операционной системы и версии браузера таких функций может быть от одной до трех.

Читать еще:  Четыре бесплатных утилиты для изменения цвета папок в Windows

После активации Overlay Scrollbars, при наведении на боковую полосу прокрутки, можно увидеть, что она то расширяется, то сужается для удобства захвата и перемещения.

Необходимо отметить, что для настройки плавной прокрутки можно использовать сторонние расширения. К примеру, можно установить инструмент SmoothScroll. Он доступный в Магазине Chrome. Все, что необходимо, это добавить расширение в браузер.

Далее нужно открыть «Параметры» расширения.

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

Также есть такое расширение, как Touch & Drag Scroller. Оно позволяет реализовать в браузере такую опцию, как экранный джойстик. По сути, такое расширение удобное для устройств с сенсорным экраном. После его установки в браузере появляется небольшой круг. Нажав на нем левой кнопкой мыши и, удерживая её, пользователь может прокручивать страницы.

Если же вы наоборот хотите скрыть полосу прокрутки, то среди расширений можно установить Minimal Scrollbar. Это расширение будет адаптировать полосу прокрутки под каждый конкретный сайт. А если вы не хотите заниматься настройкой скроллинга, то можно инсталлировать расширение Scroll Buddy. Оно предназначено для автоматического скроллинга.

Важно отметить, что все вышеперечисленные методы работают на всех операционных системах, в том числе и на Mac OS, Linux и Android. Однако для реализации более плавной прокрутки нужно еще настроить и мышку. Только в такой комбинации дерганий в браузере во время прокрутки страниц не будет.

Как настроить плавную прокрутку в Google Chrome

Google Chrome является одним из наиболее часто используемых браузеров в мире, наравне с Safari и Mozilla Firefox. Однако есть опция, которая нравится пользователям, но до сих пор не реализована в базовых настройках Хрома. Это возможность плавно пролистывать страницы. Инструмент этот очень удобен, если вы просматриваете большую страницу или читаете книгу онлайн. Сегодня выясним, как включить плавную прокрутку в Google Chrome.

Преимущества и недостатки плавной прокрутки

Если вы давно используете Хром и другие браузеры параллельно, то скорее всего замечали характерную особенность программы от Google. Если в других веб-обозревателей прокрутка работает плавно, то в Хроме она происходит рывками, в точности повторяя нажатие клавиш “Вверх” или “Вниз”, или движения колесика. Это удобно, если вам нужно быстро пролистать сайт до нужного элемента. В крайнем случае вы можете использовать бегунок с правой стороны экрана. Однако, если вы планомерно читаете информацию на сайте, особенно, если это статья или книга, плавный скролл будет гораздо удобней.

Мало кто знает, что на самом деле эта опция имеется в браузере, однако разработчики по непонятным причинам намеренно скрыли её. Разберемся, как её активировать.

Как включить плавную прокрутку в настройках

Активировать данную опцию довольно просто. Чтобы сделать это, повторите следующие действия:

  1. Запустите веб-обозреватель, впишите адрес chrome://flags/ и нажмите кнопку ввода.
  2. В появившемся экране находим поле поиска и вписываем туда #smooth-scrolling.
  3. На экране появится значение для данного параметра и рычажок рядом с ним. Переключите его в активное состояние.
  4. Сохраните изменения, и перезапустите браузер.

Отключить опцию можно в том же разделе.

Поскольку добавлена функция в качестве эксперимента, рассчитывать на такое же плавное перелистывание, как в других обозревателях, пока не стоит. Однако это уже облегчит процесс просмотра и чтения текста на страницах.

Специальный плагин SmoothScroll

Это дополнение позволит полностью управлять страницей при листании. С его помощью можно настроить скорость, плавность и силу вылета за пределы экрана. Но при этом работа приложения требует задействования большого объема оперативной памяти, его использование может существенно влиять на скорость работы браузера в целом. Выбирайте этот вариант, если ваш ПК обладает достаточной мощностью.

Чтобы установить и использовать плагин, повторите следующее:

  1. Откройте браузер, затем настройки.
  2. Выберите пункт “Дополнительные”, затем раздел “Расширения”.
  3. Перейдите в магазин расширений и введите в поиск название плагина.
  4. В результатах поиска найдите SmoothScroll, разверните карточку приложения и нажмите на синюю кнопку установки.
  5. Отметьте соглашение с изменениями, которое плагин внесет в работу веб-обозревателя.
  6. После установки на экране появится окно SmoothScroll Options. Настройте вручную все необходимые параметры и сохраните изменения.
  7. Перезапустите браузер.

Теперь все просматриваемые страницы будут листаться по заданным вами параметрам. Временно отключить или полностью удалить расширение вы всегда сможете в разделе работы с плагинами.

Подводя итоги

Теперь в вашем арсенале имеется два способа улучшения прокрутки веб-страниц. Первый вариант – универсален, помогает устранить проблему на слабых ПК с небольшим объемом RAM. Второй вариант дает больше возможностей для настройки, но достаточно тяжелый, и сильно нагружает ПК. Выбирайте подходящий, и наслаждайтесь удобным отображением сайтов в любимом браузере.

Читать еще:  Тёмный режим для сайтов в окне Google Chrome

Google Chrome дёргается при прокрутке: улучшаем скроллинг в браузере

Краткое описание:
Браузер Chrome для мобильных устройств на базе Android.

Google Chrome – это удобный, быстрый и безопасный браузер. Он создан специально для Android. В Chrome вам доступны персонализированные новости, быстрый переход на любимые сайты, скачивание контента, а также встроенные Google Поиск и Google Переводчик.

Расходуйте меньше времени и трафика благодаря специальному режиму в Chrome.
Браузер сжимает текст, изображения, видео и сайты без потери качества, что позволяет экономить до 60% трафика.

Получайте доступ к контенту в одно касание.
В Chrome можно не только пользоваться быстрым Google Поиском, но и открывать любимые сайты (например, новостные ресурсы или социальные сети) на новой вкладке одним нажатием. Кроме того, в Chrome есть встроенная функция поиска. Просто нажмите на слово или словосочетание, чтобы найти его в Google, не покидая исходную веб-страницу.

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

Защитите телефон, используя Безопасный просмотр.
Встроенную функцию Chrome. Если она включена, при попытке открыть опасный сайт или скачать подозрительный файл в Chrome появится соответствующее предупреждение.

Используйте голосовое управление.
Просто скажите Chrome, что нужно сделать. Находите нужную информацию в Google с помощью голосового поиска, быстро открывайте и просматривайте веб-страницы где угодно и когда угодно.

Переводите текст на экране.
Благодаря встроенному Google Переводчику вы можете переводить целые веб-страницы в Chrome одним нажатием.

Получайте персональные рекомендации.
Chrome запоминает и учитывает ваши интересы. Открыв новую вкладку в Chrome, вы увидите статьи, выбранные на основе вашей истории просмотров. Чтобы сделать поиск в Google ещё быстрее, Chrome может предлагать вам варианты запросов и веб-адресов – они будут появляться по мере ввода.

Сохраняйте конфиденциальность.
Веб-страницы, открытые в режиме инкогнито, не сохраняются в истории просмотров.

Синхронизируйте данные.
При входе в Chrome закладки, пароли и настройки автоматически синхронизируются и становятся доступны на всех ваших устройствах.

Требуется Android: 4.4+
Русский интерфейс: Да

Google Chrome дёргается при прокрутке: улучшаем скроллинг в браузере

Дорогие посетители сайта!

Если вы пользуетесь замечательным браузером Google Chrome и еще не установили его расширение Chromium Wheel Smooth Scroller, советую установить и попробовать его. Уверяю вас, вам понравится, и вы не будете его удалять. Установить его можно из магазина расширений.

Что оно делает? Без него прокрутка веб-страниц (скроллинг) с помощью колесика мыши или с помощью стрелок на клавиатуре производится рывками, что не слишком комфортно и утомляет глаза. Но стóит его установить, как все преображается и вы получаете плавную прокрутку, которую вдобавок вы можете очень тонко настроить под себя.

После установки расширения в строке справа от строки ввода получаете значок в виде рулевого колеса, кликая по которому левой кнопкой мыши, вы легко включаете или отключаете эту опцию.

Настройка расширения делается выбором соответствующего пункта в контекстном меню по клику правой кнопкой мыши.

Получаете такие настройки:

Обозначения настроек для мыши и клавиатуры, которые делаются простым перемещением ползунков:

Step Size – длина шага прокрутки в пикселях. Чем большее значение, тем больший кусок страницы прокрутится.

Smoothness(Forepart) – начальная плавность прокрутки. Чем больше значение, тем медленнее будет начинаться прокрутка.

Smoothness – скорость затухания прокрутки. Чем больше значение, тем дольше страница будет продолжать двигаться после того, как вы перестанете крутить колесико.

Acceleration Sensitivity – величина ускорения прокрутки. Чем быстрее вы будете крутить колёсико мышки, тем большая часть страницы будет прокручиваться.

Есть еще внизу опция «Bouncy Edge» — величина «отскока» страницы (в пикселях) при достижении верхнего или нижнего края. Также предусмотрен «Black List» — список адресов, на страницах которых плагин не должен работать (вдруг вам нужно).

Нужно сказать, что изменения настроек происходят мгновенно, ничего дополнительно сохранять не надо.

Удачи вам, до новых встреч на страницах сайта.

Как убрать полосу прокрутки в любом браузере

Наверняка, большинство пользователей даже не замечает один очень древний, некрасивый, почти бесполезный, но постоянно занимающий при этом кусочек пространства в рабочем окне любого обозревателя сети Интернет, элемент интерфейса — вертикальную полосу прокрутки страницы.

Этот рудимент кочует по версиям и программам от разных производителей многие годы, практически без изменений, а ведь его можно легко и быстро скрыть или сделать современным, практичным, удобным, оригинальным…

Скрываем полосу прокрутки в популярных браузерах

Ниже расскажу и покажу, как убрать полосу прокрутки в любом браузере.

Читать еще:  Как удалить вкладки «Настройка», «Безопасность» и «Подробно» в свойствах файлов и папок

При этом, в одном обозревательном движке это дело скроется совсем, а в другом (самом популярном), невзрачная и ворующая полезное пространство полоска с ползунком научится интеллектуально, когда надо, уменьшаться или увеличиваться в размерах, а также, исчезать полностью.

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

Очень советую спрятать скроллбар владельцам ноутбуков, чтоб максимально оптимизировать доступное рабочее пространство на экране монитора при серфинге по сети Интернет.

Как убрать полосу прокрутки в Mozilla Firefox

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

К сожалению, скрытие полосы прокрутки в нём возможно только с помощью дополнений и исключительно полностью (если ошибаюсь — поправьте меня в комментариях).

Идём в дополнения Mozilla Firefox…

Читайте также на сайте:

…и в поисковую строку открывшейся страницы…

…вбиваем (копи-пастим со строки ниже) название дополнения для скрытия вертикальной полосы прокрутки в Mozilla Firefox…

hide-scrollbars

Тыкаем «Enter» на любимой клавиатуре и получаем результат поиска в фирменном магазине дополнений…

Как видите, наша цель на первом месте, но дополнение «Scrolantana» абсолютно идентично «hide-scrollbars» — точно также полностью убирает полосу прокрутки с наших глаз.

Каким воспользоваться — решайте сами (устанавливал их оба, но почему-то остановился на первом, как и 1279 пользователей).

Рекомендую

Теперь в Вашем браузере Mozilla Firefox (и во всех его клонах) совсем нет вертикальной полосы прокрутки справа и рабочее пространство на капельку увеличилось (мелочь, а приятно)…

Вернуть скроллбар можно только методом отключения выбранного для использования дополнения.

Как убрать полосу прокрутки в Google Chrome

Гораздо интереснее получается история с полосой прокрутки в самом популярном и производительном (на данный момент времени) браузере — каких-либо расширений или плагинов для скрытия этого дела не нужно в нём задействовать.

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

Полностью исчезает полоса прокрутки в Google Chrome лишь при остановке страницы в одном положении.

Не знаю, поняли моё описание выше или нет, но точно Вам понравится современный и практичный вид обновлённого с помощью встроенной скрытой функции древнего элемента интерфейса. Это из разряда «словами не передать — надо видеть».

Все подражатели (клоны), которым не счесть числа, обозревателя от корпорации Google (точнее, которые на одном с ним движке работают) имеют встроенную возможность (экспериментальную функцию) для изменения вида самой идеологии многократно упомянутой выше полоски, что справа живёт в окне браузера.

Описанный ниже способ скрытия абсолютно лишнего элемента интерфейса в данном обозревателе (и ему подобным) уже не работает (нет пункта в скрытых настройках), но есть расширение Minimal Scrollbar, которое поможет Вам с этим делом, даже в новом Microsoft Edge.

Всё очень легко и просто — печатаем адрес в (омнибокс) адресную строку (копируем и вставляем из строки ниже)…

chrome://flags/

…и тыкаем «Enter» на клавиатуре — попадаем в секретный раздел браузера Google Chrome, в котором нужно воспользоваться поисковой строкой…

Прописываем в неё (копируем и вставляем из строки ниже) такой параметр…

Overlay Scrollbars

…и сразу (без тыканья кнопок на клавиатуре) получаем результат…

Активируем первый пункт…

…и применяем изменения (перезапускаем обозреватель)…

Слышу восхищённые возгласы и хлопки в ладоши — значит не зря тыкал эти буковки на клавиатуре сегодня. Рад, что Вам понравилась обновлённая фишка браузера от «корпорации добра», которая теперь выглядит стильно и модно, при этом освобождает несколько пикселей в окне программы для полезного контента.

Как писал выше — почитатели и пользователи обозревателей Opera и Яндекс.Браузера точно таким же методом могут осовременить свою полосу прокрутки.

Что касается самого распространённого… средства для скачивания нормальных браузеров под названием Microsoft Edge, то вполне ожидаемо скрыть или вообще, что-либо сделать с данным элементом интерфейса в нём невозможно (может ситуация изменится с официальным выходом в свет версии программы на базе Chromium).

Краткий итог

  1. В своём стандартном виде полоса прокрутки в любом браузере имеет печальный старинный вид и требует скрытия (модификации).
  2. Убрать полосу прокрутки в Mozilla Firefox полностью можно с помощью дополнений «hide-scrollbars» или «Scrolantana».
  3. Модифицировать и заметно осовременить скроллбар в Google Chrome можно с помощью экспериментальной функции «Overlay Scrollbars».
  4. Microsoft Edge в топку!

До новых полезных компьютерных программ и интересных приложений для Андроид.

P.S. Какой лихой был в конце 2019-го года, а теперь вот «плотно сижу» уже на новеньком Microsoft Edge (как все быстро меняется «в нашем мире бушующем…». 🙂

Кстати, ему тоже подходит для описанной в статье цели расширение Minimal Scrollbar.

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector
×
×