Fix if the bounded dom is not at the top of the bounder

js/jquery.floating-scroll.js

@@ -2,6 +2,7 @@
 
  $.fn.floatingScroll = function($bounder, bounded){
  var $that = this;
+ height_diff = $that.offset().top - $bounder.offset().top;
  $bounder.addClass('floating-scroll-bounding-box');
 
  return this.each(function(){
@@ -11,7 +12,7 @@
  height_bounding = $bounder.height(),
  height_content = $that.height();
 
- if (pixel_depth > above_bounding) {
+ if (pixel_depth - height_diff> above_bounding) {
  $that.addClass('floating-scroll-stick');
  if(bounded != 'bounded'){
  $bounder.height(height_content);
@@ -21,7 +22,7 @@
  };
 
  if (bounded == 'bounded'){
- if (pixel_depth > above_bounding + height_bounding - height_content) {
+ if (pixel_depth - height_diff > above_bounding + height_bounding - height_content) {
  $that.addClass('floating-scroll-stuck');
  } else {
  $that.removeClass('floating-scroll-stuck');
@@ -33,7 +34,6 @@
  var pixel_depth = $(window).scrollTop();
  relocate(pixel_depth);
  });
-
  });
  };