javascript - 正文设置为绝对位置无法在 Chrome 中获取或设置 scrollTop()

Question

在下面的 JS fiddle 中，单击右侧栏中的链接将在 Firefox 中将页面向下滚动到 400px，但在 Chrome 中不起作用。

https://jsfiddle.net/a4qx507f/9/

为了争论起见，假设我可能无法更改 HTML 或 CSS，JS 中有没有办法让它工作？

body {
  position: absolute;
  left: 0;
  right: 20%;
  top: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: scroll;
}
html {
  overflow: hidden;
  height: 100%;
}

在 Chrome 中，无论向下滚动多远，following 都会返回 0。

console.log($('body').scrollTop());

在 Chrome 中，跟随什么都不做

$('body').scrollTop(400);

两者都适用于 Firefox。

Answer 1

这是因为您的 html 选择器上有 overflow: hidden;。如果您删除它按预期工作，请参阅更新的 fiddle :https://jsfiddle.net/a4qx507f/10/