首页 >

jQuery – ScrollUpBar Plugin插件,滚动隐藏/回滚显示 – js/jQuery – 前端,jquery ui frame

jquery ui frame,dom对象和jquery对象,jquery find td 内容,jquery第三方插件大全,jquery的trim(),jquery 滑动翻页效果,jquery流程图,jquery 苹果效果,jquery方法 图片转动,jquery ui framejQuery - ScrollUpBar Plugin插件,滚动隐藏/回滚显示 - js/jQuery - 前端,jquery ui frame

jquery ui frame,dom对象和jquery对象,jquery find td 内容,jquery第三方插件大全,jquery的trim(),jquery 滑动翻页效果,jquery流程图,jquery 苹果效果,jquery方法 图片转动,jquery ui frame滚动隐藏 回滚置顶显示 2.gif

代码分享:

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>滚动隐藏,回滚显示</title>
<style>
*{padding:0;margin:0;text-align:center}
.nav{width:100%;background-color:blue;color:#fff;font-size:24px;padding:5px;
position:fixed;top:0;left:0;right:0;
/*transition:top.5s;*/
}
.text{}
</style>
</head>
<body>
<divclass="top">
顶部的文字说明啊<br>顶部的文字说明啊<br>顶部的文字说明啊<br>顶部的文字说明啊<br>顶部的文字说明啊<br>顶部的文字说明啊<br>顶部的文字说明啊<br>顶部的文字说明啊<br>
</div>
<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>
<scriptsrc="scroll-up-bar.js"></script>
<script>
$('.nav').scrollupbar();
</script>
</body>
</html>

其中的scroll-up-bar.js下载:

ScrollUpBar Plugin.zip




jQuery - ScrollUpBar Plugin插件,滚动隐藏/回滚显示 - js/jQuery - 前端,jquery ui frame
  • 使select的下拉框自动弹出 - js/jQuery - 前端,jquery 箭头 滚动
  • 使select的下拉框自动弹出 - js/jQuery - 前端,jquery 箭头 滚动 | 使select的下拉框自动弹出 - js/jQuery - 前端,jquery 箭头 滚动 ...

    jQuery - ScrollUpBar Plugin插件,滚动隐藏/回滚显示 - js/jQuery - 前端,jquery ui frame
  • layout是什么意思 - js/jQuery - 前端,jquery 页面事件
  • layout是什么意思 - js/jQuery - 前端,jquery 页面事件 | layout是什么意思 - js/jQuery - 前端,jquery 页面事件 ...

    jQuery - ScrollUpBar Plugin插件,滚动隐藏/回滚显示 - js/jQuery - 前端,jquery ui frame
  • excel2003 - js/jQuery - 前端,iframe刷新事件 jquery
  • excel2003 - js/jQuery - 前端,iframe刷新事件 jquery | excel2003 - js/jQuery - 前端,iframe刷新事件 jquery ...