Question

我正在开发一个移动Web应用程序，其中包含一个包含内容的可滚动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中获得基于动量的滚动，又可以在您滑动身体时不冻结滚动？我根本不需要滚动主体，它的固定高度和宽度与屏幕相同。

如何防止动量滚动冻结可滚动div的滚动？

0 个答案: