Completely disable scrolling of webpage

Presuming the simplified HTML code is:

<html><body><div class=wrap>content...</div></body></html>

Set both body, html to height:100%;

body, html {height:100%;}

Put a div inside body, and set it to stretch across all the body height:

div.wrap {height:100%; overflow:hidden;}

This will prevent window from scrolling in weird ways, like, pressing mouse wheel and moving it, using anchors, etc.

To remove the scroll bar itself (visually), you should also add:

body {overflow: hidden; }

To disable scrolling via pressing arrow keys on keyboard:

window.addEventListener("keydown", function(e) {
    // space, page up, page down and arrow keys:
    if([32, 33, 34, 37, 38, 39, 40].indexOf(e.keyCode) > -1) {
        e.preventDefault();
    }
}, false);

Related Posts:

  1. Failed to load resource: the server responded with a status of 404 (Not Found)
  2. Failed to load resource: the server responded with a status of 404 (Not Found)
  3. How can I scroll to an element using jQuery?
  4. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  5. Bootstrap Dropdown menu is not working
  6. Change Background color (css property) using Jquery
  7. Set timeout for ajax (jQuery)
  8. How does the data-toggle attribute work? (What’s its API?)
  9. CSS height 100% percent not working
  10. Use images like checkboxes
  11. Uncaught TypeError: Cannot read property ‘top’ of undefined
  12. Full-screen iframe with a height of 100%
  13. How to print HTML content on click of a button, but not the page?
  14. Bootstrap 4 Dropdown Menu not working?
  15. Why is the jquery script not working?
  16. Textarea Auto height
  17. Why is marquee deprecated and what is the best alternative?
  18. Refresh/reload the content in Div using jquery/ajax
  19. How to write inside a DIV box with javascript
  20. How to get height of div in px dimension
  21. Crop the image using JavaScript
  22. Force div to be topmost element of any and all webpages
  23. Retrieve the position (X,Y) of an HTML element
  24. How to display raw JSON data on a HTML page
  25. how to display a div triggered by onclick event
  26. Why is jquery show() not working in example
  27. jQuery scrollTop() method not working
  28. Change an image with onclick()
  29. JavaScript – Count Number of Visitor for Website
  30. Creating Accordion Table with Bootstrap
  31. Fully responsive HTML5 video
  32. How to create checkbox inside dropdown?
  33. Positioning
  34. Adding Google Translate to a web site
  35. Cannot read property ‘style’ of undefined — Uncaught Type Error
  36. How to make HTML element resizable using pure Javascript?
  37. How to use aria-expanded=”true” to change a css property
  38. How to set “style=display:none;” using jQuery’s attr method?
  39. WordPress Bootstrap Handburger Menu Wont Open
  40. Hide CSS class only in single post pages
  41. How to fix “Cannot read property ‘addEventListener’ of null” error [duplicate]
  42. Remove class using jQuery
  43. How do I check whether a checkbox is checked in jQuery?
  44. How to make a word underline in Markdown
  45. How to play audio?
  46. How to play audio?
  47. Include another HTML file in a HTML file
  48. How to add jQuery code into HTML Page
  49. “Uncaught TypeError: Cannot read property ‘style’ of null at.. “
  50. jquery SlideToggle effect in upward direction?
  51. HTML5 Local storage vs. Session storage
  52. Programmatically change the src of an img tag
  53. Setting background-image using jQuery CSS property
  54. Error: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’
  55. How can I select an element by name with jQuery?
  56. jQuery disable/enable submit button
  57. TypeError: $(…).modal is not a function with bootstrap Modal
  58. How to do fade-in and fade-out with JavaScript and CSS
  59. Vue is not defined
  60. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  61. onClick to get the ID of the clicked button
  62. HTML text input allow only numeric input
  63. How to change the buttons text using javascript
  64. How do I use this JavaScript variable in HTML?
  65. How to close current tab in a browser window?
  67. jQuery: Uncaught Error: Syntax error, unrecognized expression
  68. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  69. How to use in jQuery :not and hasClass() to get a specific element without a class
  70. Adjust width and height of iframe to fit with content in it
  71. HTML onchange (this.value)
  72. How to make an HTML back link?
  73. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  74. How do I load an HTML page in a div using JavaScript?
  75. ReactJS – .JS vs .JSX
  76. How to implement “select all” check box in HTML?
  77. How to embed a youtube playlist with a sidebar
  78. External JavaScript Not Running, does not write to document
  79. JavaScript button onclick not working
  80. Create a simple 10 second countdown
  81. Get the size of the screen, current web page and browser window
  82. How to enable a disabled checkbox dynamically?
  83. When is a CDATA section necessary within a script tag?
  84. How to change cursor from pointer to finger using jQuery?
  85. How to wrap the content of the main tinyMCE editor with extra tags
  86. Minify HTML, CSS, JS with PHPWee?
  87. How do developers add “Smooth Transitions” to their sites?
  88. Building a slide down search box in wordpress
  89. How can I get the search form to be selected automatically?
  90. WP adds long version query strings to CSS and JS files
  91. creating a static HTML/JS/PHP page
  92. Web cover page open when button clicked
  93. How to run Javascript popup modal in a loop?
  94. Landing Page with HTML CSS JS and Images on wordpress
  95. How to make wocommerce shop products same heigt
  96. Where to find the html for WordPress site? [closed]
  97. Import HTML code that loads css and javascript into specific page
  98. How to keep close a sub-menu under homepage? [closed]
  99. Interactive maps in wordpress
  100. Sending GravityForms to custom HTML

Leave a Comment