javascript - 像 Google Plus 一样劫持页面滚动？

Question

1) 如果您有 Google Plus 帐户，请转到您的主页。

2) 在右侧，有一个“添加到圈子”按钮列表，您可以将鼠标悬停在这些按钮上。

3) 请注意，当您将鼠标悬停在“添加到圈子”下拉列表之一上时(如果您有足够多的圈子可以在下拉列表中滚动)，页面滚动功能将被禁用。只允许在下拉列表中垂直滚动。

这是如何用 javascript 完成的？

我可以在这里滚动(右边的滚动条)，但是当它被下拉时不能在页面主体上滚动。

Answer 1

有一个固定高度且自动溢出的元素，他们用这个技巧来设置滚动条的样式:http://beautifulpixels.com/goodies/create-custom-webkit-scrollbar/

您可以使它在 FF 和 IE 中工作:基本上，您将自动溢出的元素嵌套到另一个元素中，并以负边距隐藏滚动条。然后捕获同一元素上的滚动事件，并根据 scrollTop 位置调整右侧的 slider 。

这是我的做法:http://jsfiddle.net/kGbbP/4/

但是有很多 jquery 插件可以做到这一点: http://www.net-kit.com/jquery-custom-scrollbar-plugins/