Блог

Главная - Вопросы по программированию - Повторная прокрутка momentum в веб-приложении с переполнением тела: скрыто;

Повторная прокрутка momentum в веб-приложении с переполнением тела: скрыто;

#html #css

#HTML #css

Вопрос:

Я подал overflow: hidden body заявку, и вместо этого у меня есть дочерний div overflow: scroll элемент для просмотра содержимого приложения. В Safari на iOS и macOS приложение по-прежнему сохраняет поведение прокрутки подписи, но в Chrome оно исчезло. Есть ли какой-нибудь способ повторно включить эффект прокрутки в Chrome для прокрутки div ?

Codepen

 body {
  overflow: hidden;
  margin: 0;
}

.overscroll {
  background: black;
  overflow: scroll;
  height: 100vh;
}

.content {
  height: 200vh;
  background: pink;
}
 
 <div class="overscroll">
  <div class="content">Content</div>
</div>

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

1. Похоже, что в Chrome такая же инерционная прокрутка и прокрутка (отскок внизу), как и в Safari на IOS 14 на iPad. Вы используете другую версию? Или вы видите проблему только в macOS?

2. Я не пробовал это на iPad, но поскольку Chrome на iOS использует тот же движок, что и Safari, я ожидаю, что они будут работать одинаково. Я заметил проблему в Chrome на macOS.

3. Да, вы правы.