jquery - 如何在滚动窗口时固定按钮位置

Question

我想修复 prevbutton 和 nextbutton 的位置。
我该如何为此使用 jquery 滚动事件？

 <div class="content">
    <div class="items">
        dfjdslkfjdls;ajfdls;jkfa;fd;lsjfl;dsasjfl;akjf
    <div class="prev button">prev</div>
    <div class="next button">next</div>
 </div>

//jquery

$(window).bind('scroll', function() {
    if ($(window).scrollTop() > 50) {
        $('.button').addClass('fixed'); // within contnet
    }
    else {
        $('.button').removeClass('fixed'); // within content
    }
}); 

参见 jfiddle http://jsfiddle.net/kisspa/deN3g/2/

Answer 1

测试我的代码

 function loadswitharrow(){

    $(window).bind('scroll', function() {
        if ($(window).scrollTop() >= 0) {
            $('.button').addClass('fixed');
        }
        else {
            $('.button').removeClass('fixed');
        }
    }); 
}

CSS

  .fixed{position:fixed;}
  .prevbutton{left:-3%;}
  .nextbutton{right:-3%;}
  .fixed.nextbutton{right:17%;}
  .fixed.prevbutton{left:17%;}