Javascript：移动浏览器的“视点”

我有一个包含许多越界内容的页面，因为我设置了body{overflow:hidden}，所以它们不在视口之外。所以我想在一个按钮上附加一个函数，它可以移动浏览器的PoV，这样超出范围的内容就会进入视口

我现在能想到的是设置body{position:relative}，并使用jQuery为body设置动画。但就性能而言，有没有更好的方法来实现这一点？

尝试将document.documentElement.scrollLeft和.scrollTop设置为适当的像素量，以便视口显示所需的内容

注意：在Firefox中，应该改为设置document.body。对于跨浏览器解决方案，将两者都设置为0，其中一对应保持为0。

您可以使用，尽管您在该网站上阅读内容的用户交互可能有点不稳定。我可能会说看看。这是一个动画，所以如果您期望性能，您必须在可能的情况下缓存选择器，以便重用。