Position fixed IE6 + Drag-and-Drop

[Shapelez]

Здесь место стандартного комментария о хабракате.

[dnabyte]

Спасибо, совсем забыл)

[dAllonE]

Незаминусованный комментарий о хабракате, редкость в наши дни, поздравляю! (:

[DYPA]

демку бы и код не ввиде картинки для ленивых )

[deerua]

да, было бы приятно лицезреть сие труды

[dnabyte]

Сссылку на демку добавил в конце поста

[deerua]

ИЕ5.01 едет с текстом вверх-вниз
ИЕ5.5 всё ок
ИЕ6, при скролле сразу скачет вверх, топ0! лефт остаётся — ДжС ошыбок нет
ИЕ7 глючно скачет, выдаёт ерору «Объект не поддерживает это свойсто или метод (line 701) » на строку «collSelectors.item(i).SetQuirksMode(true);»

хром, мозила, сафари — всё гуд :)))

[dnabyte]

IE6 работает, проверял на нескольких машинах.
В IE7 тоже работает но дёргается при скроле.

[deerua]

даж не знаю как вам это показать :) снять видео?
посмотрел ИЕ6 и ИЕ7 опять, всё тоже. будет время, сниму и выложу ;)

[deerua]

Спасибо за минус ;) (выяснил что один минус = два плюса :))

Ниже видео:
www.youtube.com/watch?v=HqvebpssgbI

Вот ИЕ6… обыкновенный, ХР СП3 :)
В ИЕ7 ошыбки больше нету

[dnabyte]

Вот плюс)
По поводу случая на видео — оч. странно. Многие проверяли и всё гут, а тут такое, может куки выключены или незнаю уже почему в этом конкретном случае так…

[dnabyte]

хотя SP3… может тут собака зарыта, надо проверить.

[deerua]

та я думаю сп3 не при чёмь
стоит родной ИЕ7, а потом стоит МультиИЕс пак, где 5.01, 5.5, 6 ишачки… я думаю это из-за этого, что он из МультиИЕ… и ещё, куки работают нормально :)

[dnabyte]

Вот действительно видимо этот мульти иеПак не совсем честный, надо будет и его потестить)

[dnabyte]

Проверил, SP3 не причём, работает как часы (на другой машине для чистоты эксперимента).

[dnabyte]

Возможно я в это время файлики перезаливал, текст подправлял.

[dnabyte]

Даже IEs4Linux в режиме IE6 SP1 под Wine нормально отрендерил.

[dnabyte]

Сссылку на демку добавил в конце поста

[dnabyte]

Спасибо за ёмкий и познавательный коммент)
А вот позиция в куках действительно для восстановления положения при перезагрузке и переходам по страницам, достаточно только прописать соответствующие top и left.

[xaja]

убивание доктайпа для ie — это ужасть

[dnabyte]

ie вообще жесть)

[xaja]

ну там столько хаков придется писать, если общий доктайп у нас стрикт, а в ie ваще без доктайпа :-/

[dnabyte]

Я уверен можно найти выход из ситуации, просто не было времени оптимизировать.

[xaja]

я смирился с дерганьями…

[dnabyte]

Тут больше не в дёрганиях проблема была, а с сохранением фиксации после перетаскивания. Согласен, то что слой дёргается меньшее зло чем отказ от доктайпа)

[xaja]

насколько я понимаю drag-n-drop работают не на основе position:fixed, а на position:absolute
хмммм

[dnabyte]

Только для IE, в нём position:fixed не работает. Drag-and-drop для FF, Opera и прочих сделан через fixed, для IE через absolute, в коде это видно по _position:absolute, свойство сработает только для IE.

[dnabyte]

По сути — да, top оказался камнем преткновения, вот только обычный экспрешн переставал работать после передвижения слоя, поэтому пришлось искать способ чтобы его оживить. В итоге позиция при перетаскивании писалась в куки, а потом в экспрешене вызывалась функция которая её оттуда при скролинге забирала и позиция восстанавливалась.

З.Ы. спасибо за ссылки, прочту.

[dnabyte]

Если написать как в первом методе:
_top:expression(eval(document.documentElement.scrollTop));
то при скролинге слой опять притянется к верхней границе области просмотра браузера. Тут фича как раз в сохранении позиции слоя после перетаскивания.

[dnabyte]

Вот не получилось использовать offsetTop/pixelTop и тп., т.к. если в экспрешн элемента пытаться подставить нечто связанное с этим же элементом — при скролинге оный экспрешн впадает в жёсткую рекурсию и скрывается с области видимости с впечетляющей скоростью) Потому и храню значение отступа не в слое реципиенте, а куки тут как нельзя кстати и дают к тому же бонус в виде восстановления позиции при перезагрузке. Вот как то так.

[zyxer]

отключая доктайп для ie вы тем самым добиваетесь особой универсальности своего решения?

[dnabyte]

Это только пример реализации задачи, другого решения я к сожалению не нашёл, возможно он существует. Но в итоге слой и перетащить можно и с фиксацией проблем нет.

[dnabyte]

Сссылку на демку добавил в конце поста

[dAllonE]

Метод Сергея Чикуенока не пробовали?

ИМХО удобнее expression'ов.

[dnabyte]

Там описан метод не применимый к drag-and-drop, слой остаётся фиксированным всегда на одном месте. В вышеприведённым описании даже после перетаскивания слой остаётся фиксированным. К тому же требовалась большая независимость от макетов дизайна, без распорок по 100% и пр.

[dAllonE]

Простите, совсем забыл что нужно еще и drag-and-drop.

[Triall]

Предлагаю Вам посмотреть этот скринкаст от студии Лебеведа, там описывает новый метод эмуляции position: fixed для IE.
www.artlebedev.ru/tools/technogrette/html/emulate-fixed/

[Triall]

Упс… не заметил такой же коммент, видимо магия.

[dnabyte]

Видимо НЛО)

[dnabyte]

Дык там слои потоскать нельзя)