Остановить и возобновить страницу прокрутки на кнопке нажмите

Question

У меня есть запрос с простой демонстрацией, я хочу остановить прокрутку на кнопке 1 и кнопку 2, а затем прокрутка будет возобновлена. Я не знаю, как это сделать?

Fiddle 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); 
});