How to Completely Disable Horizontal Scrolling on Your Website?

How to Completely Disable Horizontal Scrolling

To physically disable the horizontal scroll feature on your webpage, follow these steps:

1. CSS Rule in HTML Tag:

   • In the tag, specify both max-width: 100%; and overflow-x: hidden; CSS rules to ensure that the page cannot exceed the width of the browser window and that horizontal scrolling is disabled.

2. Complete CSS Code:

   <code class="css">html, body {
       max-width: 100%;
       overflow-x: hidden;
   }</code>

3. Implementation:

   • Include the CSS code in an external stylesheet or add it to the

By applying these CSS rules, you can effectively prevent horizontal scrolling on your webpage, forcing users to navigate vertically only.

The above is the detailed content of How to Completely Disable Horizontal Scrolling on Your Website?. For more information, please follow other related articles on the PHP Chinese website!