| |
|
|
| | Мне понадобилось, чтобы шапка таблицы скользила, при перемещении.
Нашел вот такой скрипт.
<script language="javascript">
function change_pos_title()
{
var top_pos=document.body.scrollTop;
window.status = "X : " + top_pos;
keys.style.top=top_pos;
}
</script>
|
И собственно для строки таблицы делаем
<tr id=keys style="position:relative; top:0;">
|
Все конечно хорошо, но, фактически, эта строка привязывается к положению скролл бара правого. И это не есть хорошо. Надо чтобы начинала скользить только тогда, когда верхняя граница браузера этого tr коснется.
Как это можно сделать или переделать текущее ?
Пример работы можно увидеть по ссылке. | |
| |
|
|
| |
|
|
| |
для: Richard Ferlow
(21.12.2006 в 22:53)
| | | (Забыли сказать, что onscroll=omresize=change_pos_title; , ну и для Мозиллы строчку. )
<script language="javascript"> d=document;
onload=function(){y0=getPosition(keys)[1];} //возвращает [x,y]-массив, ищем по форуму
function change_pos_title()
{
var top_pos=d.all?document.body.scrollTop:pageYoffset;
//window.status = "X : " + top_pos;
keys.style.top=top_pos>y0?top_pos-y0:0;
}
</script>
|
| |
| |
|
|
| |
|
|
| |
для: 12345
(21.12.2006 в 23:24)
| | | В итоге получилось
<script language="javascript">
function getPosition(obj) {var o=obj;
var x=0, y=0;
while(o) {
x+=o.offsetLeft;
y+=o.offsetTop;
o=o.offsetParent;
}
return [x,y];
}
d=document;
onload=function(){y0=getPosition(keys)[1];}
function change_pos_title()
{
var top_pos=d.all?document.body.scrollTop:pageYoffset;
//window.status = "X : " + top_pos;
keys.style.top=top_pos>y0?top_pos-y0:0;
}
</script>
|
Onscroll=onresize=change_pos_title(); //предположил, что вы описались, но не уверен на счет om
|
В итоге в вертикальном плане работает суперзамечательно.
Но вот при изменении размеров окна все остается на том же месте.
Не могли бы Вы пояснить, как вот эту оставшуюся проблему решить, так как я в яваскрипт не силен.
Большое спасибо за ответ. | |
| |
|
|
| |
|
|
| |
для: Richard Ferlow
(21.12.2006 в 23:52)
| | | И про Мозиллу строчка - какая имеется ввиду.
Знаю что кроме как в IE в тукущем варианте нигде это больше не работает. | |
| |
|
|
| |
|
|
| |
для: Richard Ferlow
(21.12.2006 в 23:56)
| | | Нет, в Опере ещё при скроллинге мышью работает. А чтобы и в Мозилле - добавить
if(self.addEventListener)addEventListener('DOMMouseScroll',function(){setTimeout(onscroll,1)},!1);
А при ресайзе окна оно и должно оставаться на месте, потому что сдвиг окна по x,y при этом не меняется. (Поэтому "onresize=" можно выбросить - для вашей задачи излишен.) | |
| |
|
|
| |
|
|
| |
для: 12345
(22.12.2006 в 14:54)
| | | Не в это плане остается на месте. Центрируемая таблица перемещается и ее позиция соответственно по x меняется. А меню остается там же. | |
| |
|
|
