arun
2/2/2017 - 8:50 PM

Stick element at the top

Stick element at the top

$ = jQuery;

function moveScroller() {
   var $anchor = $("#scroller-anchor");
    var $scroller = $('#scroller');

    var move = function() {
    	
        var st = $(window).scrollTop();
        var ot = $anchor.offset().top;
        var ol = $scroller.offset().left;
        if(st > ot) {
            $scroller.css({
                position: "fixed",
                top: "5px",
                left: ol
            });
        } else {
            if(st <= ot) {
                $scroller.css({
                    position: "relative",
                    top: "",
                    left: ""
                });
            }
        }
    };
    $(window).scroll(move);
    move();
}

 $(function() {
    moveScroller();
  });


<div id="sidebar" style="width:270px;"> 
  <div id="scroller-anchor"></div> 
  <div id="scroller" style="margin-top:10px; width:270px"> 
    Scroller Scroller Scroller
  </div>
</div>