开发者

How to make the jQuery Sticky Float plug-in react dynamic page height changes?

开发者 https://www.devze.com 2023-04-05 17:48 出处:网络
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 h

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

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号