Я работаю над одностраничным веб-сайтом с заполнением экрана «слайдами», и очень хочу по возможности использовать привязку при прокрутке. Я запустил его несколько раз за go, но теперь все изменилось с момента обновления Chrome: при использовании колеса прокрутки вместо плавного привязки к слайду он быстро перепрыгивает сразу на два слайда.
Сначала я подумал, что это потому, что я также использую jQuery / JS для управления некоторыми событиями прокрутки, но я только заметил, что оригинальная ручка, которая вдохновила меня на такой подход, имеет точно такую же проблему. В самом деле, при отключении JS полностью или даже при сокращении кода до самого необходимого, он все равно не работает правильно.
Оригинальная ручка: https://codepen.io/team/css-tricks/pen/yLLqqgP
Код:
html, body {
scroll-snap-type: mandatory; /* for older browsers */
scroll-snap-points-y: repeat(100vh); /* for older browsers */
scroll-snap-type: y mandatory;
}
.scrollsnap-section {
height: 100vh;
scroll-snap-align: start;
position: relative;
}
//
<body>
<section id="slide-1" class="scrollsnap-section">
<h2>slide 1</h2>
</section>
<section id="slide-2" class="scrollsnap-section">
<h2>slide 2</h2>
</section>
</body>
Кто-нибудь знает, что здесь происходит? Он работает во всех других современных браузерах и работал в Chrome до обновления до версии 81.