HOW TO: Stick element to parent container?

[ghost]

Hi! HOW TO: Stick element to parent container?

<div class="col-md-12">
   <div class="col-md-8">
      <div class="menu" id="sticky"></div>
   </div>
</div>

And how to stick element to col-md-12 class?

[Tsiftelis-Thanasis]

Hi! i am having the same issue, any update? Thanks!

[kytosai]

Guide: You can change core sticky file to use bottomSpacing with function to check destination point pause sticky

Edit file sticky.js file: http://prntscr.com/hnrb6e Change old line

var newTop = documentHeight - s.stickyElement.outerHeight()
            - s.topSpacing - s.bottomSpacing - scrollTop - extra;

To

 // EDIT
          var newTop =  documentHeight - s.stickyElement.outerHeight()
            - s.topSpacing - scrollTop - extra;

          if (typeof s.bottomSpacing === 'function') {
            newTop = newTop - s.bottomSpacing();
          }else {
            newTop = newTop - s.bottomSpacing;
          }
          // END EDIT

Use new config bottomSpacing with function check end point: http://prntscr.com/hnrcd3

$('#examp-sticky').sticky({
        bottomSpacing: function(){
          return $('html').height() - $('.fake-end-point').offset().top;
        },
      });