我为客户设计了一个移动网站。页脚出现一个 div,它有一个类别列表,我必须在其中提供垂直滚动。
我想要的是当 div 内的滚动结束时,在我关闭此 div 之前,主体不应该滚动。
这是我网站的链接 http://ketchupdesigns.com/jwmobile/
这是该 div 的图片(在“kurtis”下打开的 div)
当我们在这个 div 中滚动时,它到达它的末端然后如果我们滚动...它后面的主体滚动(如下图所示)
如果可能请帮忙。
最佳答案
可以通过 CSS 属性去除 body 滚动效果,overflow: hidden
创建一个 CSS 类
.no-scroll
{
overflow: hidden;
}
当弹出窗口打开时,通过使用 JQuery 将此类添加到正文中,这将导致正文不滚动。
$( "body" ).addClass( "no-scroll" );
关闭后立即将其删除以使其再次可滚动
$( "body" ).removeClass( "no-scroll" );
我希望这对你有用......
祝你好运!
关于jquery - 在 div 内滚动也会在到达结束后滚动它后面的内容(移动 HTML),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21455890/