如何为移动应用程序进行滚动自定义

How to make a scroll customization for mobile application?

本文关键字：滚动 自定义 应用程序 移动      更新时间：2023-09-26

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

  $('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();
  });

这很好用。我的应用程序不会上下滚动。但在我的代码中，我有一个具有样式属性overflow:auto;的div元素，当内容超过div大小时，它会滚动，但在使用此代码后，我的div滚动不起作用。如何做到这一点。这是我为div元素编写的css代码

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

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

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

<preference name="DisallowOverscroll" value="true" />
相关文章：