js回到顶部,关闭一个模块的方法

来源:互联网 发布:淘宝小二旺旺标志 编辑:程序博客网 时间:2024/05/17 07:47

对于写js我没有写html页面那样的得心应手,今天还是继续的在做知乎的页面,更多的当然是写得html代码,今天用了jquery写了回到顶部和关闭,就是点击一个×关闭的效果,以前写过但是忘记了,这也是今天我的收获。

回到顶部,需要在html中写要点击后回到顶部的按钮,当点击的时候scrollTop:0即可,animate是给它设置一个动画,缓慢的回到顶部。

$('#btn').click(function(){                $('body').animate({                    scrollTop:0                },300);             });

关闭比较简单,其实就是jquery里面的hide(),代码如下:

$(".close").click(function(){        $(this).hide();    });

还有一个效果没有在项目中用到但是以前练习过,就是当滚动条滚动到一定的高度的时候就固定定位。代码如下:
<pre name="code" class="html"> $(window).scroll(function(){                var v = $(window).scrollTop();                if(v == 300){                    $('.my_fixed').css({                        "position":"fixed",                        "top":"5px"                    });                }            });

以上都是用的jquery的方法所以都不要忘记引入jquery-1.11.1.js文件噢。

0 0
原创粉丝点击