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

Question

6

我的网站有一个落地页，其中包含我们的标志和菜单。我想在该页面上禁用滚动。

我知道可以通过CSS来实现这一点。

body, html {
overflow-y: hidden;
}

使用这种方法可以实现，但会影响网站上的每个页面。

我如何仅在落地页上实现此效果？

感谢帮助！

- amoor

着陆页面是否在一定时间内显示，还是通过点击关闭？你可以设置一个JavaScript事件来对应你已经拥有的CSS。更多信息将会很有帮助。 - Tim Troiano

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Yug Kapoor · Answer 1

在 <body> 中添加一个类

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

- LCAD · Answer 2

试试这个

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