css+js实现回到顶部按钮

浏览网页时,当滚动条滚动的时候,会出现回到顶部的按钮,有的按钮是通过图片实现的,但是其实也可以通过纯css+javascript的方式来实现它。

制作回到顶部按钮

利用了div的border的特性绘制了三角形箭头

.arrow{
            border: 9px solid transparent;
            border-bottom-color: #3DA0DB;
            width: 0px;
            height: 0px;
            top:0px
        }

其他的就看看注释吧,很简单





doc







你可能感兴趣的:(css+js实现回到顶部按钮)