不同的滚动选项之间有什么区别？

不同的滚动选项之间有什么区别？ 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

    页面。