Safari добавил поддержку события scrollend в версии 26.2, завершив интеграцию с основными браузерами — Chrome, Edge и Firefox. Это значительное улучшение для веб-разработчиков, так как теперь появилась возможность точно определять момент завершения прокрутки, что ранее было затруднительно без использования временных задержек.
Что изменилось с событием scrollend
Новое событие scrollend срабатывает один раз, когда прокрутка завершается, независимо от того, как именно она была инициирована — пользователем или программно. Ранее разработчики были вынуждены использовать методы, основанные на таймерах, что создавало дополнительные проблемы и увеличивало вероятность ошибок. Например, вместо кода с setTimeout(), теперь можно просто использовать:
document.onscrollend = event => { /* прокрутка завершена */ }Использование scrollend позволяет браузеру автоматически учитывать все детали прокрутки, такие как отпускание пальца на сенсорном экране и завершение нажатий клавиш, что делает разработку более удобной.
Преимущества для разработчиков
Для разработчиков это означает гораздо более надежный способ обработки событий прокрутки, особенно в приложениях с интенсивным использованием. Например, можно удобно загружать контент или обновлять пользовательский интерфейс, когда пользователь действительно прекращает прокрутку. scrollend открывает новые возможности для реализации функций, таких как отслеживание прогресса чтения или интеллектуальная подгрузка данных.
Как дополнение, для команд, поддерживающих более старые версии Safari, просто определить поддержку onscrollend и использовать старые методы, если новое событие недоступно.
Как это повлияет на рынок
Внедрение события scrollend упрощает кросс-браузерное программирование. Это означает, что разработчики больше не будут зависеть от полифилов, как, например, @af-utils/scrollend-polyfill, и могут сосредоточиться на создании более надежных и масштабных веб-приложений. Ожидается, что это приведет к улучшению пользовательского опыта на вебе, что, в свою очередь, повлияет на эффективность бизнеса.
Следующий шаг — наблюдать за тем, как другие браузеры воспользуются новыми стандартами и смогут ли они предложить новые функции для улучшения работы с прокруткой.