1、创建示例demo.html,新增一个DIV,设置高度用作演示,设置overflow:scoll;超过高度滚动,然后往里边填充内容,代码和效果如下
2、在示例的按钮中加上点击事件,用于一会设置DIV的scolltop等于0,代码及效果如图
3、使用JS的document对象获取目标DIV的元素,代码及效果如图
4、JS设置点击按钮后,触发监听事件demo,获取目标元素DIV,设置目标元素DIV的scolltop为0,实现回到顶部的效果,代码及效果如图
1、创建示例demo.html,新增一个DIV,设置高度用作演示,设置overflow:scoll;超过高度滚动,然后往里边填充内容,代码和效果如下
2、在示例的按钮中加上点击事件,用于一会设置DIV的scolltop等于0,代码及效果如图
3、使用JS的document对象获取目标DIV的元素,代码及效果如图
4、JS设置点击按钮后,触发监听事件demo,获取目标元素DIV,设置目标元素DIV的scolltop为0,实现回到顶部的效果,代码及效果如图