单击按钮启用/禁用滚动

时间:2015-04-13 14:10:41

标签: javascript jquery html css scroll

有一种简单的方法吗?我有一个带翻转动画的网站(在buttonclick上),有两面。首页必须覆盖视口的高度和宽度。封页时间稍长,特别是在移动设备上。不幸的是,背页的长度导致首页的高度相同。所以我在首页的封面下面有一个灰色的背景颜色区域。

我的想法是让翻转按钮同时启用和禁用滚动。我尝试了一些东西,但javascript和jquery不是我的专长(根本)。那么有人可以给我一些代码添加到翻转按钮吗?

2 个答案:

答案 0 :(得分:1)

我认为你可以在单击按钮时想要停止滚动(或正文)的div上设置overflow:none。

答案 1 :(得分:1)

您需要在点击事件中设置此内容:

body {
 overflow: hidden;
}

Here's an example.

相关问题