栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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
      页面。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/649275.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号