Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
jQuery plugin for sticky floats
JavaScript
Branch: master
Failed to load latest commit information.
css initial commit
img initial commit
js
README added better support for overflow with multiple sticky headers and divs
demo.html added initial support for sticky float inside of divs with scrolls
overflow.html

README

   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
Something went wrong with that request. Please try again.