javascript - 如何在可移植的 native JavaScript 中滚动以使组件可见？

Question

解决方案:Scroll if element is not visible

展示了如何使用 jQuery 滚动查看组件。是否有一种可移植的方法可以直接执行此操作，或者每个浏览器都有不同的方法，因此 jQuery 是唯一的方法？

Answer 1

大部分未被弃用的旧功能都受到大量浏览器的支持(至少是 99.99% 的互联网用户使用的浏览器)。您可以检查方法scrollTo()并提供x和y坐标作为参数。

例如:window.scrollTo(500, 100);

这里与 Firefox、IE、Safari、Chrome 和 Opera 的兼容性都可以。

来源:http://www.w3schools.com/jsref/met_win_scrollto.asp

当然，我建议使用 jQuery 来执行这些类型的操作，但没有它也可以完成，没有任何问题。正如 @Jackson 所注意到的，谈到动画，您将很难使用原始 JavaScript 来为滚动设置动画。