jQuery絕對sidebr滾動，停在父母的頂部和底部

Question

嗨，大家好，我有這個代碼我做完了，當滾動側邊欄從底部到頂部移動，但我堅持如何停止滾動一旦側欄命中主持人的頂部 - 有人可以幫助我嗎？

代碼：

$(window).bind('scroll', function() { 
    var scrolledY = $(window).scrollTop(); 
    $('.parallax-sidebar').css('bottom', '+' + ((scrolledY * 1.3)) + 'px'); 
}); 

我這裏有一個小提琴例如：http://jsfiddle.net/06qwtgt6/1/

非常感謝！

Answer 1

$(document).ready(function() { 

    /********************************************************************************/ 
    /* Parallax Scrolling */ 

    // Cache the Window object 
    var $window = $(window); 

    $('[data-type]').each(function() { 
     $(this).data('offsetY', parseInt($(this).attr('data-offsetY'))); 
     $(this).data('Xposition', $(this).attr('data-Xposition')); 
     $(this).data('speed', $(this).attr('data-speed')); 
    }); 

    // For each element that has a data-type attribute 
    $('div[data-type="background"]').each(function() { 

     var $self = $(this), 
      offsetCoords = $self.offset(), 
      topOffset = offsetCoords.top; 

     $(window).bind('scroll', function() { 

      if (($window.scrollTop() + $window.height()) > (topOffset) && 
       ((topOffset + $self.height()) > $window.scrollTop())) { 

       var yPos = -($window.scrollTop()/$self.data('speed')); 

       if ($self.data('offsetY')) { 
        yPos += $self.data('offsetY'); 
       } 

       var coords = '50% ' + yPos + 'px'; 

       $self.css({ backgroundPosition: coords }); 

      }; 

     }); 

    }); 

    // For each element that has a data-type attribute 
    $('div[data-type="content"]').each(function() { 

     $(window).bind('scroll', function() { 
      var scrolledY = $(window).scrollTop(); 


      $('.parallax-content').css('bottom', '+' + ((scrolledY * 1.3)) + 'px'); 
     }); 

    }); 

    $(window).scroll(function(){ 

     if ($(this).scrollTop() > 150) { 
      $('.sidebar').addClass('fixed'); 
     } else { 
      $('.sidebar').removeClass('fixed'); 
     } 
    }); 


}); 

CSS

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

DEMO