Google Plus& Javascript - 选择圈子时禁用滚动?

时间:2011-08-01 19:47:33

标签: javascript scroll google-plus scroll-lock

我创造了很多圈子。因此,当我将鼠标悬停在“添加到圈子”谷歌加号按钮上时,会弹出一个小div,让我可以垂直滚动浏览我的圈子。

真正酷的部分是它禁用了身体滚动。因此,当我滚动到圆圈查看器的底部时,身体不会让步。

使用javascript可以实现这一目标吗?

(我发现了一种愚蠢的方法:

$('body').css({'overflow':'hidden'});
$(document).bind('scroll',function () { 
window.scrollTo(0,0); 
});

但谷歌做得更好。身体滚动条保持原位(它不会像我的代码那样消失),并且身体仍然不可滚动......)

重要的是要注意(并且到目前为止被忽略)主体页面上的滚动条必须保持原位。它不能像溢出一样消失:隐藏使它成为它,因为它会将所有页面内容推向右侧。 Google以某种方式解决了这个问题......

SCREENSHOT:enter image description here

1 个答案:

答案 0 :(得分:0)

尝试使用:

$(document).bind('scroll',function (e) {
    e.preventDefault();
    e.stopPropagation();
    return false;
});