js实现页面回到顶部方法

1.html写法:
<div id="d-top" style="display: block;">
    <a id="d-top-a" href="#" title="回到顶部">
    <img src="http://static.blog.csdn.net/images/top.png" alt="TOP"></a>
</div>
2.js写法:
    $(function(){
        var d_top=$('#d-top');
        document.onscroll=function(){
            var scrTop=(document.body.scrollTop||document.documentElement.scrollTop);
            if(scrTop>500){
                d_top.show();
            }else{
                d_top.hide();
            }
        }
        $('#d-top-a').click(function(){
            scrollTo(0,0);
            this.blur();
            return false;
        });
    });
 

猜你喜欢

转载自blog.csdn.net/fzy629442466/article/details/84785499