我正在创建一个基于主滑块的滑块,我想删除拇指列表上的滚动事件,这样用户就不能滚动拇指列表。我在管理站点中检查了所有选项,但没有工作,也没有停止拇指滚动的选项。我也尝试过jquery,但没有成功。应该感谢任何帮助。我只想停止滚动拇指列表,而不是整个身体。
function preventDefault(e) {
e = e || window.event;
if (e.preventDefault)
e.preventDefault();
e.returnValue = false;
}
function preventDefaultForScrollKeys(e) {
if (keys[e.keyCode]) {
preventDefault(e);
return false;
}
}
function disableScroll() {
if (window.addEventListener) // older FF
window.addEventListener('DOMMouseScroll', preventDefault, false);
window.onwheel = preventDefault; // modern standard
window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
window.ontouchmove = preventDefault; // mobile
document.onkeydown = preventDefaultForScrollKeys;
}
disableScroll();
尝试使用此css,它将阻止滚动
body, html {
overflow-x: hidden;
overflow-y: auto;
}