禁用页面拖拽
document.body.addEventListener(
'touchmove',
function(evt) {
if (!evt._isScroller) {
evt.preventDefault()
}
},
{ passive: false }
)
指定某个元素可以拖拽
let overscroll function(el) {
el.addEventListener('touchstart', function() {
let top = el.scrollTop
let totalScroll = el.scrollHeight
let currentScroll = top + el.offsetHeight
if (top === 0) {
el.scrollTop = 1
} else if (currentScroll === totalScroll) {
el.scrollTop = top - 1
}
})
el.addEventListener('touchmove', function(evt) {
if (el.offsetHeight < el.scrollHeight) evt._isScroller = true
})
}
overscroll(document.getElementById("scrollId"))