JS----导航置顶滑动效果
2013-05-03 16:49
295 查看
CSS: .v-nav-lt{ width:250px; position:absolute; float:left; z-index:200; top:0;} JS: <script type="text/javascript"> $(document).ready(function(e) { if(!(isIE7=navigator.userAgent.indexOf("MSIE 6.0")>0)) { t = $('.v-nav-lt').offset().top; mh = $('body').height(); /*mh=10000000*/ fh = $('.v-nav-lt').height(); $(window).scroll(function(e){ s = $(document).scrollTop(); if(s > t-10){ $('.v-nav-lt').css('position','fixed'); if(s + fh > mh){ $('.v-nav-lt').css('top',mh-s-fh+'px'); } }else{ $('.v-nav-lt').css('position',''); } })} }); </script>
相关文章推荐
- [转载]使用iscroll.js-tab左右滑动导航--tab点击无效果
- 导航菜单滑动效果+解决两个js的执行顺序问题
- js实现移动端导航点击自动滑动效果
- [置顶] 你也可以做一个小米魅族网站(WOW.js:WOW.js – 在页面滚动时展现动感的元素动画效果)
- JS+CSS实现大气清新的滑动菜单效果代码
- jQuery全屏滚动插件fullPage.js使用中遇到的问题(滑动轮播效果无效)
- Android实现导航菜单左右滑动效果
- JS实现仿FLASH效果的竖排导航代码
- JS实现黑色大气的二级导航菜单效果
- js实现支持手机滑动切换的轮播图片效果实例
- 滑动的导航,背景图片或者边框滑动效果
- Tab选项卡点击 滑动效果js实现
- js效果之导航中英文转换
- js实现显示当前状态的导航效果代码
- 8行代码教你搞定iOS导航控制器全屏滑动返回效果
- 基于JS实现仿京东搜索栏随滑动透明度渐变效果
- Cocos2d-js中实现惯性滑动效果
- 如何实现列表滑动标签置顶效果(以天天动听、网易云音乐、虾米音乐的歌手页为例)
- ListView滑动置顶,listview吸顶效果,安卓时间栏状态栏透明,有图有源码
- JS+CSS实现大气的黑色首页导航菜单效果代码