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

时间:2015-12-05 04:09:48

标签: javascript jquery css cordova

您好我正在使用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();
  });

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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