Question

我有一个简单的演示查询，我想停止滚动按钮1单击和按钮2然后滚动将恢复。我不知道我是怎么做到的？

小提琴here

HTML

<input type='button' value='stop scroll' id='btn1'>
    <input type='button' value='resume scroll' id='btn2'>
        <div> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, ... <div>

Answer 1

你想要这个吗？

$(document).ready(function(){
    var allowScroll = true;

    $("div").on('mousewheel DOMMouseScroll',function(e){ 
       if (!allowScroll){
          e.preventDefault();
       }
    });

    $('#btn1').click(function(){
       allowScroll = false;
    });

    $('#btn2').click(function(){
       allowScroll = true;
    });

});

DEMO

Answer 2

我认为您可以为“鼠标滚轮”事件添加处理程序（使用jquery-mousewheel获取浏览器支持）并执行以下操作：

$('#my_elem').bind('mousewheel', function(event, delta, deltaX, deltaY) {
    event.preventDefault(); //to prevent the default action
    // or $("html, body").scrollTo(0);
});

单击按钮停止并恢复滚动页面

2 个答案: