在div内滚动也会在达到它结束后滚动其背后的内容（移动HTML）

Question

我为客户设计了一个移动网站。一个div从页脚出现，它有一个类别列表，我必须给出一个垂直滚动。

我想要的是当div内的滚动结束时，身体不应该滚动直到我关闭这个div。

以下是我的网站http://ketchupdesigns.com/jwmobile/

的链接

以下是该div的图片（在'kurtis'下打开div）

当我们在这个div中滚动时，它到达它的结尾然后如果我们滚动...它后面的身体滚动（如下图所示）

请尽可能帮助。

Answer 1

可以通过CSS属性overflow: hidden

删除正文滚动效果

创建CSS类

.no-scroll
{
    overflow: hidden;
}

使用JQuery在弹出窗口打开时将此类添加到body中，这将导致主体不能滚动。

$( "body" ).addClass( "no-scroll" );

一旦关闭就将其删除以使其再次滚动

$( "body" ).removeClass( "no-scroll" );

我希望这对你有用......

祝你好运！