我创建了很多圈子。因此,当我将鼠标悬停在“添加到圈子”google plus 按钮上时,会弹出一个小 div,让我可以垂直滚动我的圈子。
真正酷的部分是它禁用了正文滚动。因此,当我滚动到圆形查看器的底部时,身体并没有让步。
这怎么可能用javascript?
(我找到了一个hacky方法来做到这一点:
$('body').css({'overflow':'hidden'});
$(document).bind('scroll',function () {
window.scrollTo(0,0);
});
但谷歌做得更好。正文滚动条保持原位(它不会像我的代码那样消失),并且正文仍然无法滚动......)
重要的是要注意(到目前为止被忽略),正文页面上的滚动条必须保持在原位。它不会像 overflow:hidden 那样消失,因为这会将所有页面内容向右移动。谷歌以某种方式解决了这个问题......
截屏: