js滚动条滚动到指定元素
生活随笔
收集整理的這篇文章主要介紹了
js滚动条滚动到指定元素
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
let item = document.getElementById("item"); // 指定的元素
let wrapper = document.getElementById("wrapper"); // 其父元素 - 必須是產生滾動條的元素// 元素聚焦法定位
// item.focus(); // 可用 outline:none; 除去聚焦產生的框; 對于默認沒有聚焦的元素需要主動添加屬性:如tabindex="222" 需唯一// 父組件滾動法
wrapper.scrollTo(item.offsetLeft, 0); // 橫向
wrapper.scrollTo(0 , item.offsetTop); // 豎向
- item:指定的元素
- wrapper:其父元素 - 必須是產生滾動條的元素
- 元素聚焦法定位:item.focus();除去聚焦產生的框; 對于默認沒有聚焦的元素需要主動添加屬性:如tabindex=“222” 需唯一。
- 父組件滾動法:
- wrapper.scrollTo(item.offsetLeft, 0); // 橫向
- wrapper.scrollTo(0 , item.offsetTop); // 豎向
總結
以上是生活随笔為你收集整理的js滚动条滚动到指定元素的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 自定义v-drag指令(横向拖拽滚动)
- 下一篇: axios把post的RequestPa