How to programmatically disable page scrolling with jQuery

by

This will completely disable scrolling:

$('html, body').css({
    overflow: 'hidden',
    height: '100%'
});

To restore:

$('html, body').css({
    overflow: 'auto',
    height: 'auto'
});

Tested it on Firefox and Chrome.

More Related Contents:

  1. Can I change the scroll speed using css or jQuery?
  2. Activate CSS3 animation when the content scrolls into view
  3. How to change the element of another div by clicking and hovering on an element of a different div
  4. Hide/Show div on specific page with jquery
  5. Issue with a design when content increase [closed]
  6. How to change color of SVG image using CSS (jQuery SVG image replacement)?
  7. Firing events on CSS class changes in jQuery
  8. Prevent BODY from scrolling when a modal is opened
  9. How do I switch my CSS stylesheet using jQuery?
  10. How do I get background image size in jQuery?
  11. Is it possible to use jQuery to get the width of an element in percent or pixels, based on what the developer specified with CSS?
  12. jquery IE Fadein and Fadeout Opacity
  13. Remove CSS from a Div using JQuery
  14. jquery change background color user scroll
  15. Correct way to animate box-shadow with jQuery
  16. Changing Body Font-Size based on Font-Family with jQuery
  17. Differentiate between scroll up/down in jquery? [duplicate]
  18. How to expand ‘select’ option width after the user wants to select an option
  19. Get the value of -webkit-transform of an element with jquery
  20. jQuery/CSS: line-height of “normal” == ?px
  21. How to hide/remove a DIV when empty
  22. How to make div follow scrolling smoothly with jQuery?
  23. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  24. Change the body background image with fade effect in jquery
  25. CSS3 equivalent to jQuery slideUp and slideDown?
  26. How add spaces between Slick carousel item
  27. Fading elements in and out without changing the layout of the page
  28. Custom CSS to allow chrome textarea resize smaller than initial state?
  29. Detect user scroll down or scroll up in jQuery [duplicate]
  30. What is alternative to use after jQuery 1.9 removed .toggle(function,function)?

Leave a Comment