Position fixed IE6 + Drag-and-Drop

Much has been written about it, but it does not matter ...

I was puzzled by the following idea: the draggable layer with a fixed position on the screen, the page is scrolled - the layer remains in place. As you know, this idea is cheerfully embodied in FF, Opera, Google Chrome, but here IE sent my idea to his trash can intelligently - when scrolling, the moved layer crawled along with the page.

I must say that the options with a layout of 100% height, etc., described in detail in the network did not suit me, because it required versatility so that the layer could be used with any designs.

As a result, the choice fell on expression, which in this situation turned out to be completely logical. After reading all the possible docks on this implementation, I came to several key conclusions:
')
1. Before declaring <DOCTYPE ...> any empty HTML comment is placed, the validator does not complain about it, and the explorer stops to accept this doctype ad. It will relieve from many problems.

2. Uses the following CSS construction in a fixed layer:
position:fixed; _position:absolute; top:0; _top:expression( eval(document.body.scrollTop) + 'px' );

3. Filters allow you to get rid of the twitching of the fixed layer in IE:
if (document.body.filters) true;
Noticed quite by accident.

And now the most important thing. The design itself is quite standard, it works until the layer is transferred by the mouse, after transfer - the ability to commit disappears. Maybe this has already been done by someone or somewhere described, in which case I was just looking badly, but I had to dig the output myself, that's how it turned out ...

Instead of aligning with the top scrolling, in which the layer always remains at the same absolute position, I began to slip the cookie indent value from which it was kept while dragging:

_top:expression( Math.round(my_class_cookies.get('POSY')) + Math.round(offsetParent.scrollTop) + 'px' );

my_class_cookies.get('POSY') is a JavaScript class method that simply retrieves the value from the cookie. After all the manipulations, the code looked like this:



The layer remains locked even after dragging. View working demo