Element.scrollIntoView()

Element.scrollIntoView()方法将调用它的元素滚动到浏览器窗口的视口中。

• 句法：

  • element.scrollIntoView()
  • element.scrollIntoView(alignToTop) // 布尔参数
  • element.scrollIntoView(scrollIntoViewOptions) // 对象参数

• 您的用例：

  • executeScript("arguments[0].scrollIntoView();", Element)：这行代码会将元素滚动到浏览器窗口的可见区域。
  • executeScript("arguments[0].scrollIntoView(true);", element1)：这行代码将滚动元素对齐到可滚动祖先的视口顶部。此选项对应于scrollIntoViewOptions: {block: "start", inline: "nearest"}. 基本上，这是默认值。
  • executeScript("arguments[0].scrollIntoView(false)", element1);：这行代码将滚动元素对齐到可滚动祖先的视口底部。此选项对应于scrollIntoViewOptions: {block: "end", inline: "nearest"}.

Window.scrollBy()

window.scrollBy()方法按给定量滚动当前窗口中的文档。

• 句法：

  • window.scrollBy(x-coord, y-coord)
  • window.scrollBy(options)

• 参数：

  • x-coord 是您要滚动的水平像素值。
  • y-coord 是您要滚动的垂直像素值。
  • options是一ScrollToOptions本字典。

• 您的用例：

  • executeScript("window.scrollBy(0,1000)")：这行代码将滚动窗口文档下降的0水平像素和1000您希望通过滚动垂直像素。

Window.scrollTo()

Window.scrollTo()方法滚动到文档中的一组特定坐标。

• 句法：

  • window.scrollTo(x-coord, y-coord)
  • window.scrollTo(options)

• 参数：

  • x-coord 是要在左上角显示的文档水平轴上的像素。
  • y-coord 是要在左上角显示的文档垂直轴上的像素。
  • options是一ScrollToOptions本字典。

• 您的用例：

  • executeScript("window.scrollTo(0, document.body.scrollHeight)")：这行代码将滚动窗口的文件下来的bottom页面。

我会在每个例子下面放上相关的文档，方便大家自己参考，并给出一些我非常谦虚的意见：

.scrollIntoView() 与 .scrollIntoView(true)

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

应该没有区别，因为文档指出默认情况下，.scrollIntoView()实际上具有默认值true.

.scrollBy()

https://www.w3schools.com/jsref/met_win_scrollby.asp

按指定像素滚动文档。这意味着如果您的左上角视口位于(10,10)，则执行 a.scrollby(5,6)意味着视口在移动后将位于 的像素坐标处(15,16)。

.scrollToView()

https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo

执行它的建议 - 即滚动到您提供的坐标。这是为了滚动不同的（即，上述的例子）。这意味着.scrollTo(1,1)将滚动文档，以便您的左上角视口现在位于 像素坐标处(1,1)，而不管它之前是什么。

对于您关于什么是总滚动选项的单独问题 - 好吧，还有window.scroll()，但基于下面的 SO 文章，应该没有任何区别scrollTo()：

JavaScript window.scroll 还是 window.scrollTo？