How to make the jQuery Sticky Float plug-in react dynamic page height changes?
I’m currently using StickyFloat http://plugins.jquery.com/project/stickyfloat and am dynamically开发者_开发技巧 changing the height of the div the object sits in via jQuery, the changing of the CSS height works perfectly, but StickyFloat doesn’t recognise the new height of the div, it keeps the original height only.
Is there any way I can kill stickly float and re-enable it again? It’s enabled with $('#floatCol').stickyfloat(); basically.
My question is identical to How to make the jQuery Sticky Float plug-in react live to page changes? and it’s doing my head in big time.I wrote this plugin, and in a mysterious way I see it was deleted from the jQuery repository just this month! anyway, I have a blog post with all information, and re-posted the plugin, and by now it was updated to work better, utilizing event namespacing.
Stopping an item from "floating"
It is possible to just "kill" the plugin like so:
Note, this will kill all the floating menus if you have multiple ones.
$(window).unbind('scroll.sticky')
Updated blog post
View my blogpost about this plugin which contains the links:
http://dropthebit.com/74/sticky-floating-box/
Update:
The plugin now supports sticking elements to the bottom and not only to the top
精彩评论