滚动到一定位置固定菜单效果

http://lady.qq.com/zt/2012/dstar/index.htm?pgv_ref=aio2012&ptlang=2052 右侧小菜单

http://www.tmall.com 左侧菜单

其实实现起来很简单,用到了jquery.js

先添加一个固定的样式

CSS代码
  1. .fixer{ position:fixedtop:0px;_position:absolute;_top:e­xpression(documentElement.scrollTop+10 + "px")}/* 固定位置 */  

js判断到离顶部的距离,如果大于那个高度,则给元素添加固定位置的样式

Javascript代码
  1. /*浮动*/  
  2. $(window).scroll(function(){  
  3. var h_num=$(window).scrollTop();  
  4.     if(h_num>730){  
  5.         $('.i_btmshi').addClass('fixer');     
  6.     }else{  
  7.         $('.i_btmshi').removeClass('fixer');              
  8.     }             
  9. });  

 

未经允许不得转载:Windy's Blog » 滚动到一定位置固定菜单效果

赞 (0)