谷歌+和Javascript - 选择圆圈时禁用滚动？

Question

我创建了很多圈子。因此，当我将鼠标悬停在“添加到圈子”google plus 按钮上时，会弹出一个小 div，允许我垂直滚动我的圈子。

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

这怎么可能用 JavaScript 实现呢？

（我找到了一种奇怪的方法来做到这一点：

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

但谷歌做得更好。主体滚动条保持在原位（它不会像我的代码那样消失），并且主体仍然不可滚动......）

重要的是要注意（到目前为止被忽视）正文页面上的滚动条必须保持在原位。它不能像溢出：隐藏那样消失，因为这会将所有页面内容猛拉到右侧。 Google 以某种方式解决了这个问题...

屏幕截图：

Answer 1

尝试使用：

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