Home > Web Front-end > CSS Tutorial > How to Disable \'Overscrolling\' in Chrome for Mac?

How to Disable \'Overscrolling\' in Chrome for Mac?

Mary-Kate Olsen
Release: 2024-11-02 04:44:02
Original
514 people have browsed it

How to Disable

Understanding and Disabling "Overscrolling" of Web Pages

The ability to "overscroll" a web page in Chrome for Mac provides a glimpse beyond its visible boundaries. However, certain pages, such as Gmail and new tab pages, have disabled this feature. Users seeking to control or disable "overscrolling" can find an effective solution here.

While the accepted solution may not provide the desired outcome, a comprehensive approach involves configuring the web page's CSS. Consider the following code:

html {
    overflow: hidden;
    height: 100%;
}

body {
    height: 100%;
    overflow: auto;
}
Copy after login

By setting the overflow property of the "html" element to "hidden," we prevent any content from spilling over the viewport. The "body" element's overflow property is set to "auto," enabling scrolling within the document's content, while simultaneously preventing "overscrolling."

This code effectively disables "overscrolling" while allowing for smooth scrolling within the page itself. Developers can utilize this approach to create web pages that control the scrolling experience and prevent unintended content exposure.

The above is the detailed content of How to Disable \'Overscrolling\' in Chrome for Mac?. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template