Chrome浏览器:顶部的负片滚动

Question

我试着用这个技巧来阻止chrome上的负片滚动。

html { overflow: hidden;}
body {overflow: auto;}

我已经在上面这样做了：

html,body { height: 100%; }

但这一块将文档和窗口对象的scrollTop设置为0。

如何防止文档和窗口对象的负片滚动而不产生效果？

我也试过这个

$(window).on('scroll', function(e){
  if ( $(this).scrollTop() < 0 ){
    e.preventDefault();
    e.stopPropagation();
  }
});

Answer 1

您还需要添加：

height: 100%;
width: 100%;

致body & html