javascript - 单击按钮启用/禁用滚动

Question

有没有简单的方法来做到这一点？我有一个带有翻转动画的网站(在单击按钮时)，它有两个面。首页必须覆盖视口(viewport)的高度和宽度。后台有点长，尤其是在移动设备上。不幸的是，backpage 的长度导致 frontpage 的高度相同。所以我在首页的封面下方有一个灰色背景色区域..

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

Answer 1

你需要在点击事件上设置:

body {
 overflow: hidden;
}

Here's an example.