为什么浏览器实现滚动的方法有scroll和scrollTo两个?

2023-06-15 阅读 49

scrollscrollTo 都是浏览器提供的用于实现滚动的方法,它们的作用是相同的,都是用于控制页面的滚动位置。但是它们的用法略有不同:

  • scroll 是在 DOM 对象上调用的方法,用于控制该对象的滚动位置。例如,可以使用 element.scroll(0, 100) 将元素向下滚动 100 像素。
  • scrollTo 是在 window 对象上调用的方法,用于控制整个页面的滚动位置。例如,可以使用 window.scrollTo(0, 100) 将页面向下滚动 100 像素。

实际上,scrollTo 方法是 scroll 方法的一个别名,它们的实现方式是相同的。不同的是,scrollTo 方法更加直观,能够更好地描述其作用。同时,scrollTo 方法也更加常用,因为它可以控制整个页面的滚动位置,而 scroll 方法只能控制特定的 DOM 对象的滚动位置。

更新于 2023年06月19日