Comments on: Implementing Floating Div

By: Johannsalas

Johannsalas — Sat, 15 Jan 2011 05:30:29 +0000

Amir how can I do to make the floating div not to change it's x,y position if I resize the window, it overlaps with other elements, I'm using floating 1.4 version.

thanks a lot for your help

By: Dahir Seas

Dahir Seas — Thu, 06 Jan 2011 01:01:07 +0000

…What I mean is to have the same behavior into a modal screen, is it a little hard to make this?

By: Dahir Seas

Dahir Seas — Thu, 06 Jan 2011 00:54:43 +0000

Very nice plug in, but I need to use it on a modal screen using the modal scroll bar not “window scrolls”, is it that possible? or Do I need to change the JS code?

By: itil change management

itil change management — Sat, 25 Dec 2010 03:40:08 +0000

In order to manage all the movements of all the floating objects I extended the jQuery object by adding a float manager object. Since there is only one manager, there is no point of creating a class for it, so i created an opject and attached it to the jQuery instance.

By: beschi

beschi — Fri, 03 Dec 2010 11:24:27 +0000

Works. Great plugin.
Thanks.

By: beschi

beschi — Fri, 03 Dec 2010 04:24:27 +0000

Works. Great plugin.
Thanks.

By: solutci

solutci — Wed, 03 Nov 2010 18:45:51 +0000

thanks that is exactly what i was looking for. Any idea on how to set a “bottom” so that it doesn't continue to scroll down?

By: Kshipp

Kshipp — Wed, 29 Sep 2010 19:37:42 +0000

I'm trying to get two divs to float, but only one of them needs to float vertically (only).
Here's the scenario that I can't seem to get to work with this plugin:
I have a large table with row and column headers that I want to float, so as the user scrolls, the headers follow. Note: When the user scrolls right, only the row headers need to move, not the column headers. Common stuff, but I can't get it to work.

Does anyone have a working sample of this scenario? Thanks in advance.

By: Alexkuzmov

Alexkuzmov — Thu, 16 Sep 2010 09:49:07 +0000

Very nice plug in, it works really well.
But I wanted to make it stop floating at some point of scrolling, didint find any workin ideas in the comments. So I added something to make the div(or other element) to stop scroling.
The idea is to restrict its movement within a div, well that didnt workout, so I restricted its movement within a fixed length.

The changes:
In the FloatObject init method we add a new parameter:
this.scrollLength = typeof(params.scrollLength) == "string" ? this.scrollLength : params.scrollLength;
In the FloatObject -> updateLocation method we add the following check:
if( $(window).scrollTop() + this.origY > this.scrollLength) {
this.updatedY = this.scrollLength;
}
And the sample usage of the modified class:
$(document).ready(function(){
var parent_element_length = $("#parent_element_id").height() -/+ "any lenght u want added or substracted";
$("#floating_element_id").makeFloat({x:"current",y:"current",scrollLength: parent_div_length});
});
With that done you can restrict the movement of the div(or other element) within pixels.
Its not necessary to use the height of the parent element, u can specify your own height or u can use other elements height, thus making it work without the need of a parent element.
any questions alexkuzmov [at] gmail [dot] com

By: LEWIS

LEWIS — Tue, 07 Sep 2010 04:05:06 +0000

CheapTabletsOnline.Com. Canadian Health&Care.Best quality drugs.No prescription online pharmacy.Special Internet Prices. High quality pills. Order pills online…

Buy:Viagra.Maxaman.Cialis.Cialis Soft Tabs.Viagra Soft Tabs.Viagra Super Active+.Super Active ED Pack.Cialis Super Active+.Viagra Professional.Soma.Tramadol.Cialis Professional.Levitra.VPXL.Zithromax.Propecia.Viagra Super Force….