仅使用 CSS 禁用单个页面上的滚动答案

【问题标题】：Disable scrolling on a single page ONLY with CSS仅使用 CSS 禁用单个页面上的滚动
【发布时间】：2016-01-16 03:29:16
【问题描述】：

我的网站有一个登录页面，其中有我们的徽标和菜单。我想禁用该页面上的滚动。

我知道

body, html {
overflow-y: hidden;
}

可以解决问题，但它会影响网站上的每个页面。

如何仅在着陆页上实现此效果？

感谢您的帮助！

【问题讨论】：

【解决方案1】：

给<body>添加一个类

<body class="specific-page">
</body>
<style>
.specific-page {
    overflow-y:hidden;
}
</style>

【讨论】：

【解决方案2】：

试试这个

body, html { 
    overflow-x: hidden; 
    overflow-y: auto;
}

【讨论】：