Javascript:移动浏览器的 "view point"

Question

我的页面有很多越界内容，因为我设置了 body{overflow:hidden}，所以它们不在视口(viewport)之外。所以我想将一个函数附加到一个按钮，该按钮将移动浏览器的PoV，以便越界内容进入视口(viewport)。

我现在能想到的是设置 body{position:relative} 并使用 jQuery 来 animate() 主体。但就性能而言，是否有更好的方法来实现这一目标？

Answer 1

尝试将 document.documentElement.scrollLeft 和 .scrollTop 设置为正确的像素数量，以便视口(viewport)显示您想要的内容。

注意:在 Firefox 中，您应该改为设置 document.body。对于跨浏览器的解决方案，同时设置它们，其中一对应保持为 0。