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); // 竖向

你可能感兴趣的:(前端,vue,vue,定位)