let item = document.getElementById("item"); // 指定的元素 let wrapper = document.getElementById("wrapper"); // 其父元素 - 必須是產(chǎn)生滾動(dòng)條的元素// 元素聚焦法定位 // item.focus(); // 可用 outline:none; 除去聚焦產(chǎn)生的框; 對(duì)于默認(rèn)沒有聚焦的元素需要主動(dòng)添加屬性：如tabindex="222" 需唯一// 父組件滾動(dòng)法 wrapper.scrollTo(item.offsetLeft, 0); // 橫向 wrapper.scrollTo(0 , item.offsetTop); // 豎向

• item：指定的元素
• wrapper：其父元素 - 必須是產(chǎn)生滾動(dòng)條的元素
• 元素聚焦法定位：item.focus();除去聚焦產(chǎn)生的框; 對(duì)于默認(rèn)沒有聚焦的元素需要主動(dòng)添加屬性：如tabindex=“222” 需唯一。
• 父組件滾動(dòng)法：
• wrapper.scrollTo(item.offsetLeft, 0); // 橫向
• wrapper.scrollTo(0 , item.offsetTop); // 豎向

總結(jié)

以上是生活随笔為你收集整理的js滚动条滚动到指定元素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。