Блог

Главная - Вопросы по программированию - Потенциальная ошибка в привязке прокрутки Google Chrome

Потенциальная ошибка в привязке прокрутки Google Chrome

#css #google-chrome

#css — файл #google-chrome #css

Вопрос:

У меня есть простой код привязки прокрутки, приведенный ниже, который отлично работает в Firefox 80.0.1, где, как и в Google Chrome v85.0.4183.102, поведение прокрутки не является плавным, и эффект привязки происходит с задержкой. Вот ссылка на запись экрана в Firefox и Google Chrome. Из того, что я знаю, привязка прокрутки должна поддерживаться в основных браузерах, начиная с caniuse.

Вот мои фрагменты кода

 <body>
  <section>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni cumque ut veritatis accusantium exercitationem, accusamus dolores eveniet. Adipisci hic soluta reiciendis nihil accusantium quam facilis. Animi earum culpa voluptate magni.</section>
  <section>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni cumque ut veritatis accusantium exercitationem, accusamus dolores eveniet. Adipisci hic soluta reiciendis nihil accusantium quam facilis. Animi earum culpa voluptate magni.</section>
  <section>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni cumque ut veritatis accusantium exercitationem, accusamus dolores eveniet. Adipisci hic soluta reiciendis nihil accusantium quam facilis. Animi earum culpa voluptate magni.</section>
</body>

html{
  margin: 0;
  padding: 0;
  overflow-x: hidden; 
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

body{
  scroll-behavior: smooth;
}

section{
  width: 100vw;
  height: 100vh;
  scroll-snap-align: start;
}

Вот работоспособная демонстрация.

https://jsfiddle.net/cb5nraxq/

Это известная ошибка в Google Chrome или я что-то не так установил? Кстати, я в Windows

РЕДАКТИРОВАТЬ Проблема возникает только при прокрутке с помощью колеса мыши

Комментарии:

1. привязка срабатывает при нажатии на полосу прокрутки сбоку страницы и использовании ее для прокрутки вниз / вверх, но с помощью колеса мыши это мешает мне в Chrome

2. Да, это проблема, на которую я указываю. Позвольте мне отредактировать мой пост

3. Для подтверждения; Привязка отлично работает для меня в Firefox, но облажается в Chrome 85.0.4183.102 с помощью прокрутки колесика мыши.

4. Если он не поддерживается ни в одном из браузеров, почему он хорошо работает в Firefox 🤔

5. @DexterSiah отправьте отчет об ошибке в группу отчетов об ошибках Google Chrome ,