当网页页面的高度很高时,鼠标往下滑动之后,再往上滑动才能返回页面顶部。这一点很容易给用户留下不好的体验感。利用html+css+JavaScript实现当往下滑动超过400像素后,显示按钮,点击可返回顶部,详细代码如下:
HTML代码:
<!--创建一个大盒子-->
<div id="box">
<!--以下是点击的图片-->
<div id="img">
<!--此处可以是图片,按钮等等-->
<img src="./image/top.png" alt="">
</div>
<!--以下可省略,但书写的原因是为了更方便查看-->
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li></