有些网站页面太长，在前去顶部的过程中，需要不要滑动鼠标滚轮来前去顶部，如许费时又辛劳，本日我们制造前去顶部按钮，只需要鼠标悄悄点击一下，就能够中转页面顶部。
网页的主体部分，划分用了宽度不合(1000px)、高度各不相通、背景颜色不合、居中的四个div盒子构成，使页面的高度充足高让页面出现滚动条；前去按钮哄骗了活动定位(position:fixed)，宽高50px的正方形div，一向靠页面左侧，为了使按钮能干背景色偏蓝，
网站搭建公司，颜色红色。
Html部分和css部分对比简朴在这里我就不多说了，js部分如图：
因为前去按钮一动手动手设置是隐藏的，以是这里用的js来节制发挥阐发隐藏，当滚动条距离顶部逾越100px时，让前去按钮有过火的发挥阐发，当小于100px时有过火的隐藏。
当点击前去按钮时触发事件函数，这里哄骗了jquery动画来用1s的时光使滚动条自动前去顶部。简朴的前去顶部按钮完成。