当前位置:网站首页>js滚动条滚动到指定元素
js滚动条滚动到指定元素
2022-07-31 09:10:00 【aら 淼】
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 implements the 2020 New Year's Day countdown bulletin board

Browser usage ratio js radar chart
![[MySQL exercises] Chapter 3 Common data types in MySQL](/img/11/66b4908ed8f253d599942f35bde96a.png)
[MySQL exercises] Chapter 3 Common data types in MySQL

Small application project development, jingdong mall 】 【 uni - app custom search component (below) - search history

科目三:右转弯

【NLP】Transformer理论解读

科目三:左转弯

js空气质量aqi雷达图分析

【软考软件评测师】2012综合知识历年真题

如何将亚马逊广告添加到您的 WordPress 网站(3 种方法)
随机推荐
Flutter Paystack 所有选项实现
JSP response,request操作中(中文乱码)-如何解决呢?
postgresql generate random date, random time
来n遍剑指--09. 用两个栈实现队列
【Unity】编辑器扩展-04-拓展Scene视图
(selenium)Service geckodriver unexpectedly exited. Status code was: 64
【Unity】编辑器扩展-03-拓展Inspector视图
作为面试官,关于线程池的问题我一般这样套路...
Scala basics [seq, set, map, tuple, WordCount, queue, parallel]
六、MFC文档类(单文档和多文档)
[MySQL exercises] Chapter 3 Common data types in MySQL
【Unity】编辑器扩展-02-拓展Hierarchy视图
状态机动态规划之股票问题总结
Modular specifications
JSP session的生命周期简介说明
A brief introduction to the SSM framework
我的创作纪念日
js右侧圆点单页滚动介绍页面
canvas粒子变幻各种形状js特效
Flink1.15 source code reading - PER_JOB vs APPLICATION execution process