滚动时在“相对”与“固定”位置之间切换

时间:2014-01-30 19:10:34

标签: jquery html scroll fixed relative

我相信这是一个非常小的调整,使它工作......

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

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上。
  3. 谢谢!

1 个答案:

答案 0 :(得分:0)

这对我来说很好.......

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

可能会丢失一些括号...如果你想用jquery直接放入css,请使用.css();

工作Fiddle