码迷,mamicode.com
首页 > 其他好文 > 详细

页面点击置顶按钮

时间:2017-09-25 11:39:53      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:code   osi   out   goto   自动隐藏   相对   滚动   span   绝对定位   

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)"

 

页面点击置顶按钮

标签:code   osi   out   goto   自动隐藏   相对   滚动   span   绝对定位   

原文地址:http://www.cnblogs.com/xuweiqiang/p/7590624.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!