首页 >

jQuery – 下拉滚动隐藏/回滚显示 – 特效代码 – js/jQuery – 前端,jquery jgrowl 颜色

jquery jgrowl 颜色,jquery 获取 td,jquery find td id,freemaker使用jquery,jquery的size和size(),登陆注册jquery验证手机号码,jquery nextuntil,jquery 第几周,jquery ajax 锁屏,jquery jgrowl 颜色jQuery - 下拉滚动隐藏/回滚显示 - 特效代码 - js/jQuery - 前端,jquery jgrowl 颜色

jquery jgrowl 颜色,jquery 获取 td,jquery find td id,freemaker使用jquery,jquery的size和size(),登陆注册jquery验证手机号码,jquery nextuntil,jquery 第几周,jquery ajax 锁屏,jquery jgrowl 颜色滚动隐藏 回滚置顶显示.gif

这个jQuery特效非常好用,兼容性也比较好!

分享滚动隐藏测试代码:

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>滚动隐藏,回滚显示</title>
<style>
*{padding:0;margin:0;text-align:center}
.nav{background-color:#e74c3c;color:#fff;font-size:24px;padding:5px;
position:fixed;top:0;left:0;right:0;//必带
transition:top.5s;}
.text{}
.gizle{top:-90px;}//必带
.sabit{top:0;z-index:9999;}//必带
</style>
</head>
<body>
<divclass="nav">
滚动显示或隐藏的菜单文字、菜单文字、菜单文字
</div>
<divclass="text">
下拉测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>下拉测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>下拉测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>下拉测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>测试文字<br>
</div>
<scriptsrc="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(function(){
varyd_seviye=$(document).scrollTop();
varyd_yuksekligi=$('.nav').outerHeight();
$(window).scroll(function(){
varyd_cubugu=$(document).scrollTop();
if(yd_cubugu>yd_yuksekligi){$('.nav').addClass('gizle');}
else{$('.nav').removeClass('gizle');}
if(yd_cubugu>yd_seviye){$('.nav').removeClass('sabit');}
else{$('.nav').addClass('sabit');}
yd_seviye=$(document).scrollTop();
});
});
</script>
</body>
</html>

必须注意其中的CSS必须注意!


jQuery - 下拉滚动隐藏/回滚显示 - 特效代码 - js/jQuery - 前端,jquery jgrowl 颜色
  • jquery怎么判断必填没填不能保存 - js/jQuery - 前端,jquery 获取当前url地址
  • jquery怎么判断必填没填不能保存 - js/jQuery - 前端,jquery 获取当前url地址 | jquery怎么判断必填没填不能保存 - js/jQuery - 前端,jquery 获取当前url地址 ...

    jQuery - 下拉滚动隐藏/回滚显示 - 特效代码 - js/jQuery - 前端,jquery jgrowl 颜色
  • jquery文档就绪函数和aspnetajaxpageload方法有什么区别 - js/jQuery - 前端,jquery 动画 扩展
  • jquery文档就绪函数和aspnetajaxpageload方法有什么区别 - js/jQuery - 前端,jquery 动画 扩展 | jquery文档就绪函数和aspnetajaxpageload方法有什么区别 - js/jQuery - 前端,jquery 动画 扩展 ...

    jQuery - 下拉滚动隐藏/回滚显示 - 特效代码 - js/jQuery - 前端,jquery jgrowl 颜色
  • JQuery主要是做什么用的 - js/jQuery - 前端,jquery绑定touchstart
  • JQuery主要是做什么用的 - js/jQuery - 前端,jquery绑定touchstart | JQuery主要是做什么用的 - js/jQuery - 前端,jquery绑定touchstart ...