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
- js回到顶部,关闭一个模块的方法
- 使用JS实现一个匀速回到顶部的效果
- js 简易的回到顶部。
- js 回到顶部的实现
- 基于js实现五中回到顶部的方法
- 回到网页顶部的方法
- 基于angular.js的回到顶部指令
- 写一个回到顶部的小组件
- js 回到顶部
- JS 回到顶部
- js 回到顶部
- 源生js回到顶部
- js之回到顶部
- js回到顶部
- JS回到顶部按钮
- js 回到顶部
- js实现回到顶部
- 网站回到顶部js特效
- 一起学libcef--源码文件介绍(VS2015运行DEMO)
- 数据结构与算法(线性表_顺序表存储结构)
- project euler 22
- JAVA 栈数据结构及其应用
- asio1
- js回到顶部,关闭一个模块的方法
- IOS OC 字典
- PAT甲级1005
- poj1028 Web Navigation
- 红米是个失败,雷军是个笨蛋
- sprak large scale
- 细思极恐!未来百万人将下岗十大职业将消失
- project euler 23
- PAT 1005 继续(3n+1)猜想(详解)