当前位置:网站首页>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); // 竖向
边栏推荐
- Canvas particles change various shapes js special effects
- Flink1.15源码阅读——PER_JOB vs APPLICATION执行流程
- 科目三:左转弯
- Small application project development, jingdong mall 】 【 uni - app custom search component (below) - search history
- How on one machine (Windows) to install two MYSQL database
- JSP exception对象简介说明
- The torch distributed training
- 数字加分隔符
- mysql 数据去重的三种方式[实战]
- MySQL 日期时间类型精确到毫秒
猜你喜欢
随机推荐
js雷达图统计图表插件
混合型界面:对话式UI的未来
Define event types in Splunk Web
第二十二课,实例化(instancing)
MySQL 日期时间类型精确到毫秒
【机器学习】用特征量重要度(feature importance)解释模型靠谱么?怎么才能算出更靠谱的重要度?
MySQL 高级(进阶) SQL 语句 (一)
Flutter Paystack implements all options
[NLP] Interpretation of Transformer Theory
【TCP/IP】Network Model
(selenium)Service geckodriver unexpectedly exited. Status code was: 64
2022 Hangzhou Electric Cup Super League 3
qt在不同的线程中传递自定义结构体参数
JSP pagecontext对象的简介说明
Pytorch学习记录(七):自定义模型 & Auto-Encoders
spark过滤器
JSP application对象简介说明
2022杭电杯超级联赛3
skynet中一条消息从取出到处理完整流程(源码刨析)
@RequestBody和@RequestParam区别