页面点击置顶按钮

Posted 2020-10-08

1、以某一个height为100%的元素为相对定位元素，绝对定位到底部

或者

将元素的位置设置为 position:fixed;  总之，写一个好看的按钮在下面，可以用图片（灰白色）、

在hover的时候讲position属性改变为彩色的向上点击按钮、

2、监听滚动事件，在滚动至底部的时候才会出现、顶部的时候自动隐藏、

    //置顶按钮  
    $(window).scroll(function(){
        if($(document).scrollTop()>160){  
            $(‘.goToTop‘).fadeIn();  
        }else{  
            $(‘.goToTop‘).fadeOut();  
    }});

点击置顶：

 onclick="window.scroll(0,0)"