zied-ellouze / jquery-stickyfloat Goto Github PK

   jQuery - stickyfloat 

   Smart sticky floating box
   =========================

   Want your box to float beside you as you scroll, but ONLY in a
   specific constrained area? or only on it's parents area? - you got it.

     * Extremely useful for side-menus

     * All in one vertical floating solution

   Also supports sticky header inside divs with overflow of scroll or auto
   when content exceeds size.

   Parameters:
   -----------

     * duration - the duration of the animation

     * startOffset - the amount of scroll offset after it the animations
       kicks in

     * offsetY - the offset from the top when the object is animated

     * lockBottom - 'true' by default, set to false if you don't want
       your floating box to stop at parent's bottom

   Example:
   --------

   jQuery('#menu').stickyfloat({duration: 400});   

   or

   $('.stickfloat').stickyfloat();   


   Resources

     * [1]Design Woop

     Great Blog Entry (this demo is hacked from there) 

     * [2]Previous Gist version

     * [3]Github

     * [4]jQuery

     * [5] Orignal Plugin page (not working for me)

   Footer

   
   1. http://designwoop.com/2011/01/how-to-create-a-jquery-sticky-sidebar/
   2. https://gist.github.com/728487
   3. https://github.com/lecar-red/jquery-stickyfloat
   4. http://jquery.com
   5. http://archive.plugins.jquery.com/project/stickyfloat