我想禁用我的整个jqm web应用程序的滚动,但如果你试图用某个类在div上滚动,则允许滚动
所以我的滚动div .info
应用了overflow:scroll
,我有这个脚本来检测你是否在上触摸它
$('.info').bind('touchstart', function (e) {
if (e.type == "touchstart") {
return true;
} else {
event.preventDefault();
}
});
$(document).bind('touchmove', function () {
event.preventDefault();
})
现在,文档的滚动功能已关闭,但当我尝试滚动我的infodiv时,它不会滚动。
现在我看到了一些关于这个想法的帖子,但主要是关于固定对象的位置,这样当文档滚动时,它就会保持在同一个位置。
我就是这么做的:
$(document).on('touchmove', function(ev) {
if ( !$(ev.target).closest('.is-scrollable').length ) {
ev.preventDefault();
}
})
其中.is-scrollable
将是您的类,在本例中为.info
。
编辑:修复可滚动div顶部和底部的滚动:
$('.is-scrollable').on('touchstart', function() {
var el = $(this);
if ( el.scrollTop() <= 0 ) {
el.scrollTop(1);
}
if ( el.scrollTop() >= el[0].scrollHeight ) {
el.scrollTop(el[0].scrollHeight - 1);
}
});