Как предотвратить прокрутку импульса от замораживания прокрутки прокручиваемого div? - PullRequest
Новая
       26

Как предотвратить прокрутку импульса от замораживания прокрутки прокручиваемого div?

0 голосов
/ 03 января 2019

Я занимаюсь разработкой мобильного веб-приложения, которое содержит div с возможностью прокрутки и содержимым. Требования к Div должны иметь прокрутку на основе импульса.Я устанавливаю -webkit-overflow-scrolling: touch;, чтобы получить импульс.Но затем, если вы проведете пальцем в любом месте приложения за пределами прокручиваемого div, оно блокирует всю прокрутку, пока вы не дотронетесь до экрана в течение примерно секунды.

Вот пример с -webkit-overflow-scrolling: touch;

<html>
<head>
  <meta name="viewport" content="initial-scale=1.0">
  <style rel="stylesheet">
  body  {
    position: fixed;
  }
  .wrapper {
    overflow-y: scroll;
    height: 300px;
    border: 2px solid red;
    font-size: 120px;
    -webkit-overflow-scrolling: touch; /* momentum scrolling */
  }
  </style>
</head>
<body>
  <div class="wrapper">Scroll Me! Scroll Me!</div>
</body>
</html>

И без сравнения 

<html>
<head>
  <meta name="viewport" content="initial-scale=1.0">
  <style rel="stylesheet">
  body  {
    position: fixed;
  }
  .wrapper {
    overflow-y: scroll;
    height: 300px;
    border: 2px solid red;
    font-size: 120px;
  }
  </style>
</head>
<body>
  <div class="wrapper">Scroll Me! Scroll Me!</div>
</body>
</html>

Есть ли способ получить как прокрутку на основе импульса в div, так и не заставить ее заморозить прокрутку, если вы проведете по телу?Мне вообще не нужно тело для прокрутки, оно фиксируется на той же высоте и ширине, что и экран.

...