• 原生js 平滑滚动到页面的某个位置


    window.scrollTo()

    语法1: 

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

    • x-coord 是文档中的横轴坐标。
    • y-coord 是文档中的纵轴坐标。

    例子:

      window.scrollTo(0,1000); // 垂直滚动到1000的位置

    语法2:

     window.scrollTo(options)

    • top 等同于  y-coord
    • left 等同于  x-coord
    • behavior  类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant

     例子:

    window.scrollTo({ 
        top: 1000, 
        behavior: "smooth" 
    });

     如果某个元素滚动到某个位置,也可以用以上方法:

      document.querySelector('.className').scrollTo()

     

  • 相关阅读:
    偏函数
    装饰器
    排序
    匿名函数
    参数传递
    pass语句
    不定长函数
    通用函数
    不定长参数(元祖)
    不定长参数(字典)
  • 原文地址:https://www.cnblogs.com/z-one/p/9603263.html
Copyright © 2020-2023  润新知