在Mac Safari中,可以通过以下方法来检测和禁用惯性滚动:
window.addEventListener('scroll', function(event) {
if (event.wheelDeltaY === 0 && event.deltaY === 0) {
console.log('惯性滚动已禁用');
} else {
console.log('惯性滚动已启用');
}
});
上述代码中,通过判断event.wheelDeltaY
和event.deltaY
是否为0来确定是否启用了惯性滚动。
-webkit-overflow-scrolling: touch;
样式,这会禁用惯性滚动效果。例如:
.scroll-container {
-webkit-overflow-scrolling: touch;
}
上述代码中,将.scroll-container
替换为实际的滚动容器的选择器。
如果想要禁用整个页面的惯性滚动,可以将上述样式应用于body
元素。
请注意,以上方法仅适用于Mac Safari浏览器。在其他浏览器或平台上可能需要使用不同的方法来检测和禁用惯性滚动。
领取专属 10元无门槛券
手把手带您无忧上云