javascript - 如何为移动应用程序进行滚动定制？

Question

您好，我正在使用 cordova 开发跨平台移动应用程序。在 iOS 平台中，当页面上下移动时，我的应用程序会滚动。为此，我有一个代码可以停止滚动并使用以下脚本使我的应用程序像 native 应用程序一样。

  $('body').on('touchstart','.scrollable',function(e) {
    if (e.currentTarget.scrollTop === 0) {
      e.currentTarget.scrollTop = 1;
    } else if (e.currentTarget.scrollHeight
              === e.currentTarget.scrollTop
                  + e.currentTarget.offsetHeight) {
      e.currentTarget.scrollTop -= 1;
    }
  });
  $('body').on('touchmove','.scrollable',function(e) {
    e.stopPropagation();
  });

这很好用。我的应用程序不滚动顶部和底部。但是在我的代码中，我有 div 元素，其样式属性 overflow:auto; 当内容超过 div 大小时，它会滚动，但在使用此代码后，我的 div 滚动不起作用.如何使这项工作。这是我的 div 元素的 css 代码，

.tablediv {
    position: absolute;
    left: 0px;
    top: 136px;
    width: 414px;
    height: 375px;
     overflow: auto;
}

我需要滚动必要的元素。有人能帮我吗？提前致谢。

Answer 1

你不必编写 JS 来防止过度滚动，在你的 config.xml 中有一个设置:

<preference name="DisallowOverscroll" value="true" />