当前位置:网站首页>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); // 竖向
边栏推荐
- spark filter
- [MySQL exercises] Chapter 5 · SQL single table query
- JSP exception对象简介说明
- 来n遍剑指--06. 从尾到头打印链表
- Flink1.15 source code reading flink-clients - flink command line help command
- JSP config对象的简介说明
- A Spark SQL online problem troubleshooting and positioning
- 科目三:前方路口直行
- 射频电路学习之滤波电路
- Small application project development, jingdong mall 】 【 uni - app custom search component (below) - search history
猜你喜欢
随机推荐
[MySQL exercises] Chapter 2 Basic operations of databases and data tables
【Unity】编辑器扩展-04-拓展Scene视图
利用frp服务器进行内网穿透ssh访问
35-Jenkins-共享库应用
djangoWeb应用框架+MySQL数据4
Spark 在 Yarn 上运行 Spark 应用程序
刷题《剑指Offer》day05
来n遍剑指--07. 重建二叉树
安装gnome-screenshot截图工具
浏览器使用占比js雷达图
How to restore data using mysql binlog
js right dot single page scrolling introduction page
【TCP/IP】Network Model
状态机动态规划之股票问题总结
生成随机数
mysql 数据去重的三种方式[实战]
5.for in 和 for of区别和使用
JSP page对象简介说明
Splunk Workflow action 给我们带来的好处
Flink1.15 source code reading - PER_JOB vs APPLICATION execution process
![mysql 数据去重的三种方式[实战]](/img/37/ad4007a32d9eb563a303756785e72f.png)








