2014-01-30 40 views
0

我相信,这是一个非常小的调整,使其工作...在相对固定位置之间切换滚动

我需要在固定位置和相对位置之间切换。

的jsfiddle:

http://jsfiddle.net/2pWHx/

在html:

<br><br><br><br><br><br><br><br><br> 

    <div class="me">123</div> 

<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> 

的CSS:

.fixed { 
    position: fixed; 
    top: 0; 
} 

jquery的:

$(window).on('scroll',function(){ ($(window).scrollTop() > 50) ? ($('.me').addClass('fixed')) : ($('.me').removeClass('fixed'))}; 

我会很高兴得到2个答案...

  1. 哪里是确切的错误?
  2. 如何彻底删除css,并将css直接放在jQuery上。

谢谢!

回答

0

这是工作正常,我.....

$(window).on('scroll', function() { 
    ($(window).scrollTop() > 50) ? $('.me').addClass('fixed') : $('.me').removeClass('fixed'); 
}); 

可能会有一些括号丢失......如果你想直接把CSS与jQuery使用的.css();

working Fiddle