手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

div怎么设置scrolltop为0

时间:2024-10-11 21:21:53

1、创建示例demo.html,新增一个DIV,设置高度用作演示,设置overflow:scoll;超过高度滚动,然后往里边填充内容,代码和效果如下

div怎么设置scrolltop为0
div怎么设置scrolltop为0

2、在示例的按钮中加上点击事件,用于一会设置DIV的scolltop等于0,代码及效果如图

div怎么设置scrolltop为0
div怎么设置scrolltop为0

3、使用JS的document对象获取目标DIV的元素,代码及效果如图

div怎么设置scrolltop为0
div怎么设置scrolltop为0

4、JS设置点击按钮后,触发监听事件demo,获取目标元素DIV,设置目标元素DIV的scolltop为0,实现回到顶部的效果,代码及效果如图

div怎么设置scrolltop为0
div怎么设置scrolltop为0
div怎么设置scrolltop为0
© 手抄报圈