当移动设备上的工具栏/地址栏折叠时，window.scrolltop() 的值是否改变

Question

我正在用$(window).scrollTop(); , element.innerHeight(); , $(window).height(); , element.offset().top; . 而且我注意到，由于 chrome 和 safari 的工具栏，移动设备上的结果有所不同。我的问题是，当工具栏折叠时，这些值中的任何一个都会改变吗？我能做些什么来反对它。

Answer 1

我过去遇到过同样的问题，并通过将position设置为body fixed来解决。 也许这也会对你有所帮助。

html {
  overflow: hidden;
  width: 100%;
}
body {
  height: 100%;
  position: fixed;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

我在这里发现了一个非常相似的问题，在github上也有一个jQuery.documentSize解决方案，它检测文档的真实宽度和高度。