jquery - 在 div 内滚动也会在到达结束后滚动它后面的内容(移动 HTML)

标签 jquery html css

我为客户设计了一个移动网站。页脚出现一个 div,它有一个类别列表,我必须在其中提供垂直滚动。

我想要的是当 div 内的滚动结束时,在我关闭此 div 之前,主体不应该滚动。

这是我网站的链接 http://ketchupdesigns.com/jwmobile/

这是该 div 的图片(在“kurtis”下打开的 div)

enter image description here

当我们在这个 div 中滚动时,它到达它的末端然后如果我们滚动...它后面的主体滚动(如下图所示)

enter image description here

如果可能请帮忙。

最佳答案

可以通过 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/

相关文章:

javascript - Mac OS X Chrome 上的灰色/扩散文本

jquery - 如何将 inner-html 从 div 附加到目标 div?

html - 内联属性样式中的CSS伪元素

javascript - YouTube html5 播放列表在 IE9 中不起作用

jquery - Firefox 不会在使用 jQuery AJAX 加载的内容上呈现 CSS 样式

html - Chrome 53 中的 <select> 高度

javascript - jQuery KeyUp() 问题

javascript - JQuery 和 CSS 屏幕键盘无法在重制 HTML 上运行

jquery - PayPal 快速结帐示例代码

jQuery 动画会压缩内容吗?