js scroll page's dom in to view All In One

js scroll page's dom in to view All In One

https://caniuse.com/?search=scrollIntoView

scrollIntoView

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

element.scrollIntoView();

element.scrollIntoView(alignToTop); 
// Boolean parameter

element.scrollIntoView(scrollIntoViewOptions); 
// Object parameter

const element = document.getElementById("box");

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"});

scroll

https://developer.mozilla.org/zh-CN/docs/Web/CSS/scroll-behavior

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---