如何在jQuery中使用禁用单击时滚动？

Question

尝试在用户单击按钮时禁用滚动。我试过了：

$(window).bind('scroll');

在单击函数中，但这不起作用。有人能帮帮我吗？我环顾四周，找不到一个直接的答案或有效的解决方案。

Answer 1

使用CSS：

body{overflow:hidden;}

jQuery：

$("button").click(function(){
  $("body").css("overflow","hidden");
});

Answer 2

你可以试试这个

$("button").click(function(){
  $(".div").css({
    'overflow' : 'hidden',
     'height' : '100%'
 });
});

此答案参考自How to programmatically disable page scrolling with jQuery

Answer 3

下面的JSFiddle代码片段还禁止滚动箭头键或向上/向下翻页键：

JSFiddle

主要是方法：

(...)

function disable_scroll() {
  if (window.addEventListener) {
      window.addEventListener('DOMMouseScroll', wheel, false);
  }
  window.onmousewheel = document.onmousewheel = wheel;
  document.onkeydown = keydown;
}

(...)

参考here。