Я использую scrollIntoView для прокрутки к определенному разделу моего сайта. Однако в одном из разделов я использовал прослушиватель событий scroll для прокрутки содержимого по горизонтали, а страница прокручивается по вертикали, установив элемент scrollLeft для создания эффекта параллакса.
Прослушиватель прокрутки
document.addEventListener('scroll', (event) => {
// ...
const elem = document.getElementById('experienceContainer');
elem.scrollLeft = leftValue;
});
Кнопка прокрутки до раздела
<button onClick={() => {
const doc = document.getElementById('bottom');
doc.scrollIntoView({ behavior: 'smooth' });
}}>
Scroll to bottom
</button>
Это прекрасно работает на мобильных и настольные браузеры. Его можно прокрутить вниз, и эффект параллакса работает. Но по какой-то причине не работает на рабочем столе Chrome.
Кто-нибудь знает почему?