JS原生滚动到指定元素位置 - 会coding的HAM

JS原生滚动到指定元素位置

BG7ZAG

|

2018-6-12 16:38

|

1,903

|

2

|

177 字

|

1 分钟内

使用JS原生API Element.scrollIntoView() ；（有部分浏览器不支持）

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollIntoView

Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。

element.scrollIntoView(); // 等同于element.scrollIntoView(true)

element.scrollIntoView(alignToTop); // Boolean型参数

element.scrollIntoView(scrollIntoViewOptions); // Object型参数

参数

alignToTop

一个Boolean值：

如果为true，元素的顶端将和其所在滚动区的可视区域的顶端对齐。
如果为false，元素的底端将和其所在滚动区的可视区域的底端对齐。

scrollIntoViewOptions

一个boolean或一个带有选项的object：

{
    behavior: "auto"  | "instant" | "smooth",
    block:    "start" | "end",
}

如果是一个boolean, true 相当于{block: "start"}，false 相当于{block: "end"}

JavaScript js 滚动

评论

玉米中国

Windows Chrome 55.0.2883.87

6 年前
2018-6-12 22:11:49

你这个站太牛了，连URL都是中文呀
- 黄良钵
  博主
  玉米中国
  
  Linux Chrome 63.0.3239.132
  
  6 年前
  2018-6-12 22:14:43
  
  你的域名不也是中文的 [偷笑]

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!