如何在滾動窗口時修復按鈕位置

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%;}