Как долго длится задержка прокрутки CSS?

После того, как вы прокрутили в контейнере, в котором активна какая-то активная привязка прокрутки CSS, как долго длится задержка с момента окончания пользовательской прокрутки, когда браузер начинает прокручивать до позиции привязки?

Мотивация

Я написал отвечать на вопрос Привязка прокрутки CSS с эффектом анимации, где имитирую событие scrollend, устраняя обратный вызов события прокрутки на 250 мс. Кажется, это достаточно близко к реальному значению в браузере Chrome. Но было бы неплохо получить какие-то первоклассные значения. Где-то может быть даже API, чтобы я мог получить правильное значение с помощью JS.

Я столкнулся с той же проблемой и создал что-то вроде работающее: stackoverflow.com/questions/65952068/…

Klaas Leussink 03.02.2021 15:52
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
7
1
5 654
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Модуль CSS Scroll Snap Уровень 1:

The CSS Scroll Snap Module intentionally does not specify nor mandate any precise animations or physics used to enforce snap positions; this is left up to the user agent.

Я твердо предполагаю, что большинство браузеров, поддерживающих привязку прокрутки (например, Firefox), используют те же функции, что и для scroll-behavior: smooth;.

CSSWG — плавная прокрутка:

The scrolling box is scrolled in a smooth fashion using a user-agent-defined timing function over a user-agent-defined period of time. User agents should follow platform conventions, if any.

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

Я не думаю, что существует API для получения точных задержек и/или функций сглаживания.

Другие вопросы по теме