Skip to content

zied-ellouze/jquery-stickyfloat

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

   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

About

jQuery plugin for sticky floats

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published