嗨,我正在使用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" />