Плавная прокрутка в Google Chrome

Обновлено: 02.07.2024

Если есть что-то, чего люди действительно хотят от прокрутки, так это ее плавности. Исторически Chrome имел плавную прокрутку в некоторых местах, например, когда пользователи прокручивают свои трекпады или пролистывают страницу на мобильном телефоне. Но если у пользователя подключена мышь, он получит более нервную «ступенчатую» прокрутку, что гораздо менее эстетично. Это все изменится в Chrome 49.

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

  • Ощущение зловещей долины. Это проявляется двумя способами: во-первых, на одном сайте может быть плавная прокрутка, а на другом — нет, поэтому пользователь может в конечном итоге почувствовать себя дезориентированным из-за несоответствия. Во-вторых, физика гладкости библиотеки не обязательно будет соответствовать физике платформы. Таким образом, хотя движение может быть плавным, оно может показаться неправильным или сверхъестественным.
  • Повышенная склонность к конфликтам между основными потоками и нежелательным вторжениям. Как и при любом добавлении JavaScript на страницу, будет увеличена загрузка ЦП. Это не обязательно катастрофа, в зависимости от того, что еще делает страница, но если в основном потоке выполняется какая-то длительная работа, а прокрутка связана с основным потоком, конечным результатом могут быть заикания прокрутки и рывки.< /li>
  • Больше обслуживания для разработчиков, больше кода для загрузки пользователями. Библиотека для плавной прокрутки должна постоянно обновляться и поддерживаться, а это увеличит общий вес страницы сайта.

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

В Chrome 49 поведение прокрутки по умолчанию изменится для Windows, Linux и Chrome OS. Старое ступенчатое поведение прокрутки уходит, и по умолчанию прокрутка будет плавной! Никаких изменений в вашем коде не требуется, за исключением, возможно, удаления любых библиотек плавной прокрутки, если вы их использовали.

Ворклеты Compositor являются частью Houdini, и их еще предстоит полностью описать и внедрить. Тем не менее, по мере появления патчей они позволят вам писать JavaScript, который запускается как часть конвейера компоновщика, что в целом означает, что связанные с прокруткой эффекты, такие как параллакс, будут идеально синхронизированы с текущей позицией прокрутки. Учитывая то, как сегодня обрабатывается прокрутка, когда события прокрутки только периодически отправляются в основной поток (и могут быть заблокированы работой другого основного потока), это будет огромным скачком вперед. Если вы заинтересованы в Compositor Worklets или любых других интересных новых функциях, которые предлагает Houdini, просмотрите пост Surma Intro to Houdini, спецификации Houdini и поделитесь своими мыслями в списке рассылки Houdini!

Когда дело доходит до прокрутки на основе фрагментов, может помочь свойство CSS scroll-behavior. Если вы хотите попробовать его, вам будет приятно узнать, что он уже поставляется в Firefox, и вы можете включить его в Chrome Canary, используя флаг «Включить экспериментальные функции веб-платформы». Если вы установите, скажем, для элемента значение scroll-behavior: smooth , все прокрутки, которые запускаются либо изменением фрагмента, либо window.scrollTo, будут плавно анимированы! Это намного лучше, чем использовать и поддерживать код из библиотеки, которая пытается делать то же самое. С такой фундаментальной вещью, как прокрутка, очень важно не нарушать ожидания пользователей, поэтому, хотя эти функции находятся в постоянном развитии, все же стоит принять подход Progressive Enhancement и удалить все библиотеки, которые пытаются полифиллировать такое поведение.

В Chrome 49 прокрутка стала более плавной. Но это еще не все: есть и другие потенциальные улучшения, которые могут появиться благодаря Houdini и свойствам CSS, таким как smooth-scroll. Попробуйте Chrome 49, расскажите нам, что вы думаете, и, прежде всего, позвольте браузеру прокрутить все, что вы можете!

На этой неделе многие новые люди присоединились к тренду Surface, так как новые Microsoft Surface Pro 4 и Surface Book вышли на улицы.

Однако распространенная жалоба связана с использованием браузера Google Chrome и дерганной прокруткой. Многие рецензенты быстро обвиняют Microsoft и трекпад и игнорируют тот факт, что прокрутка в браузере Edge намного лучше. Причина разницы? Давайте просто скажем, что у Google есть история плохой прокрутки в Windows из-за выбора, который они сделали для интеграции мыши.

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

Включить плавную прокрутку в Google Chrome

1. Флаги

В адресной строке скопируйте и вставьте (или введите) chrome://flags/ и нажмите Enter


2. Поиск

Используйте [Ctrl + F] и введите "smooth", пока не найдете Smooth Scrolling

3. Включить

Нажмите кнопку "Включить" в разделе "Включить экспериментальную реализацию плавной прокрутки".


4. Повторный запуск

Просто перезапустите браузер Google Chrome, и прокрутка станет намного удобнее.


Если вам нужен еще более точный контроль над прокруткой, вы можете скачать бесплатное расширение Chrome под названием SmoothScroll здесь, в Магазине. В параметрах этого расширения вы увидите гораздо больше вариантов, включая некоторые предустановки, такие как IE, iPhone, Opera или пользовательские.


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

Дополнительные ресурсы

Еще не продано ни одно из устройств? Ознакомьтесь с нашим обзором Surface Pro 4 и впечатлениями от Surface Book или посетите наши форумы.

Лучшие дешевые ноутбуки с Windows в марте 2022 г.

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

Здесь

Вот что критики и фанаты думают о дебюте телесериала Halo

Первая серия телесериала Halo вышла в эфир на этой неделе на Paramount+. Первые отзывы о сериале не очень восторженные, но до конца сезона это может изменить ситуацию.

Присоединяйтесь к нам в прямом эфире для Windows Central Video Podcast сегодня в 13:30 по восточному времени

Сегодня в 13:30 по восточному времени мы в прямом эфире с подкастом Windows Central Video, обязательно будьте там!

Настройте рабочую станцию ​​Surface Pro с одним из этих внешних мониторов

Surface Pro хорош сам по себе, но это не значит, что вы не можете добавить к нему один или два внешних монитора, чтобы создать прекрасную боевую станцию. Вот лучшие общие выборы, доступные сейчас.

«Плавная прокрутка» — очень полезная функция, которую можно найти почти во всех популярных веб-браузерах, таких как Mozilla Firefox, Internet Explorer, Opera и т. д. Плавная прокрутка плавно скользит вниз по веб-странице и помогает вам читать длинные веб-страницы. страница легко. Без плавной прокрутки браузер сразу переходит на одну страницу вниз, что выглядит не очень хорошо.

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

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

Если вы являетесь пользователем Google Chrome и хотите включить эту функцию, выполните следующие простые действия:

<р>1. Откройте Google Chrome, введите chrome://flags или about:flags в адресной строке и нажмите Enter. Откроется секретная страница конфигурации Google Chrome, как указано здесь. Это очень похоже на страницу about:config в Mozilla Firefox. Он позволяет включать и отключать множество скрытых и экспериментальных функций в Google Chrome.

<р>2. Прокрутите немного вниз, пока не увидите опцию «Плавная прокрутка». По умолчанию он будет отключен.

<р>3. Нажмите ссылку «Включить», указанную под параметром, а затем нажмите кнопку «Перезапустить сейчас», как показано на следующем снимке экрана:

Enable_Smooth_Scrolling_Google_Chrome.jpg

<р>4. Вот и все.Он перезапустит веб-браузер, и вы сможете наслаждаться плавной прокруткой в ​​Google Chrome.

ПРИМЕЧАНИЕ. Если вы не можете включить указанный выше параметр, попробуйте установить для параметра «Ускоренная прокрутка переполнения» значение «Включено».

Enable_Accelerated_Overflow_Scroll_Google_Chrome.jpg

PS: на странице chrome://flags доступно еще много скрытых и интересных настроек, ознакомьтесь с ними.

Об авторе: Вишал Гупта (также известный как VG) получил награду Microsoft MVP (Самый ценный профессионал). Он имеет степень магистра компьютерных приложений (MCA). Он написал несколько технических статей для популярных газет и журналов, а также участвовал в технических шоу на различных телеканалах.

Комментарии

ПРИМЕЧАНИЕ. Старые комментарии были удалены, чтобы сократить нагрузку на базу данных.

Я пытался имитировать такое поведение с помощью надстроек,
но результаты меня не устроили…

Это отличная настройка, спасибо, Вишал! :)

Отличная работа
здесь я могу узнать много нового

Должно ли это работать в Comodo Dragon (браузер на базе Chrome)? Когда я набираю chrome://flags и нажимаю Enter, всегда отображаются результаты поиска Google для chrome://flags.

about://flags открывает и chrome://flags, он перенаправит вас туда, работает в обе стороны =)

Хорошо, теперь вот скрытая функция в Opera: функция "Голос" или "Разговор с Opera". С помощью этой уникальной функции вы можете сказать Opera, что делать, или попросить прочитать веб-страницу. Также обратите внимание, что эта функция не была скрыта до Opera 12; но он скрыт в Opera 12 и выше. Чтобы включить его, перейдите в opera:config > Voice XML > Voice XML включен (отметьте это). Для настроек/настроек голоса перейдите в «Настройки» > «Дополнительно» > «Голос…»

@Рамеш.
Откройте браузер Comodo, введите адрес в виде dragon://flags. Оно работает. Для получения дополнительной информации введите URL-адрес в виде dragon://chrome-urls

Стабильная. Не создает никаких проблем. Он включен по умолчанию на Android.

Для Windows 8.1 включите это:

По умолчанию отключено.

Перезапустите браузер и наслаждайтесь.

Моя беспроводная мышь Logitech M705 работала нормально, после чего я загрузил самую последнюю версию Set Point. Честно говоря, я понятия не имею, что делает это программное обеспечение, потому что никогда им не пользовался. Обычно я использую большое колесо только в заблокированном положении и прокручиваю строки вниз за раз или разблокирую его и позволяю ему медленно перемещаться вниз по странице, когда я немного перетаскиваю его. Что ж, после того, как это программное обеспечение было установлено, оно больше не могло плавно прокручивать страницу вниз, когда я перетаскивал его, и я испробовал каждое предложение, чтобы заставить его делать то, что было раньше. Я был готов сдаться, когда решил просто удалить программу Set Point и перезагрузить компьютер.

Ну, это странно. На моем Mac написано, что плавная прокрутка недоступна. Тем не менее, это плавная прокрутка, и я НЕНАВИЖУ ее и не могу отключить!

По крайней мере, я предполагаю, что это плавная прокрутка: я нажимаю на уведомление Facebook, оно переходит на нужную страницу, а затем утомительно прокручивает вниз, где находится соответствующий комментарий. Какая пустая трата времени и внимания. Пожалуйста, просто иди туда.

Сколько лет этой информации? На этой странице нет «плавной прокрутки».

Эй, я следовал инструкциям, но не знаю, как включить автопрокрутку после перезагрузки. Я хотел бы услышать, как, спасибо. У меня есть Chromebook, и я не использовал мышь.

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

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

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

<р>1. Вам необходимо получить доступ к скрытой странице Chrome. После входа в систему под веб-адресом вы сможете получить доступ к скрытой странице Chrome.

Шаг 2. Откроется страница экспериментов Chrome. Вам необходимо прокрутить существующую веб-страницу с помощью опции «Плавная прокрутка».

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

Шаг 3. Чтобы включить плавную прокрутку, вам нужно нажать на ссылку «Включить». Когда вы это сделаете, вы увидите горизонтальную панель в нижней части браузера. Вам нужно нажать кнопку «Перезапустить сейчас», чтобы применить эффекты плавной прокрутки в Chrome.

chrome smooth прокручиваемое изображение 2

Как я уже говорил ранее, «Плавная прокрутка в браузере Chrome» — это эксклюзивная функция, которая остается в экспериментальном режиме. Поэтому он не может играть вспомогательную роль в случае неисправности.

На этой неделе многие новые люди присоединились к тренду Surface, так как новые Microsoft Surface Pro 4 и Surface Book вышли на улицы.

Однако распространенная жалоба связана с использованием браузера Google Chrome и дерганной прокруткой. Многие рецензенты быстро обвиняют Microsoft и трекпад и игнорируют тот факт, что прокрутка в браузере Edge намного лучше. Причина разницы? Давайте просто скажем, что у Google есть история плохой прокрутки в Windows из-за выбора, который они сделали для интеграции мыши.

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

Включить плавную прокрутку в Google Chrome

1. Флаги

В адресной строке скопируйте и вставьте (или введите) chrome://flags/ и нажмите Enter


2. Поиск

Используйте [Ctrl + F] и введите "smooth", пока не найдете Smooth Scrolling

3. Включить

Нажмите кнопку "Включить" в разделе "Включить экспериментальную реализацию плавной прокрутки".


4. Повторный запуск

Просто перезапустите браузер Google Chrome, и прокрутка станет намного удобнее.


Если вам нужен еще более точный контроль над прокруткой, вы можете скачать бесплатное расширение Chrome под названием SmoothScroll здесь, в Магазине. В параметрах этого расширения вы увидите гораздо больше вариантов, включая некоторые предустановки, такие как IE, iPhone, Opera или пользовательские.


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

Дополнительные ресурсы

Еще не продано ни одно из устройств? Ознакомьтесь с нашим обзором Surface Pro 4 и впечатлениями от Surface Book или посетите наши форумы.

Лучшие дешевые ноутбуки с Windows в марте 2022 г.

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

Здесь

Вот что критики и фанаты думают о дебюте телесериала Halo

Первая серия телесериала Halo вышла в эфир на этой неделе на Paramount+. Первые отзывы о сериале не очень восторженные, но до конца сезона это может изменить ситуацию.

Присоединяйтесь к нам в прямом эфире для Windows Central Video Podcast сегодня в 13:30 по восточному времени

Сегодня в 13:30 по восточному времени мы в прямом эфире с подкастом Windows Central Video, обязательно будьте там!

Настройте рабочую станцию ​​Surface Pro с одним из этих внешних мониторов

Surface Pro хорош сам по себе, но это не значит, что вы не можете добавить к нему один или два внешних монитора, чтобы создать прекрасную боевую станцию. Вот лучшие общие выборы, доступные сейчас.

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