Показать сообщение отдельно
  #1 (permalink)  
Старый 20.02.2011, 16:59
Новичок на форуме
Отправить личное сообщение для Vreditel Посмотреть профиль Найти все сообщения от Vreditel
 
Регистрация: 20.02.2011
Сообщений: 2

Нестандартный фиксированный заголовок таблицы
P.S. Разобрался, как определять прокрутку. Но все равно глюки есть. Если у кого нибудь есть какие нибудь решение, буду очень признателен за помощь.
Здравствуйте, уважаемые форумчане. Возникла проблема. Есть 2 таблицы в фрейме. Одна из них имитирует заголовок другой. При прокрутке вниз-вверх заголовок должен оставаться на месте. При прокрутке вправо-влево-должен скроллиться вместе с таблицей, имитирующей тело. Изначально я добился того, чего хотел следующим скриптом
function handler() {
        $('#t1').css('top', $('#d1').scrollTop);
        $('#t1').css('position', 'relative');
}

Но, при скроле вниз вверх первая таблица очень сильно дергалась, е успевая перепозционироваться. Перебробывал кучу вариантов с setTimer, setInterval и тд и тп. Ничего не помогло. В итоге набросал следующую функцию(значками "--!!!!!" я пометил проблемные места, которые изначально неверны)
<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.min.js">

</script>
<script type="text/javascript">
    function handler() {
        if ($('#d1').scrollLeft() != $('#t1').css('left')) { --!!!!!
           $('#t1').css('position', "relative");
        } else
        if ($('#d1').scrollTop() != $('#t1').css('top')) { --!!!!!
           $('#t1').css('position', "fixed");
        }
    }

</script>
</head>
<frame>
<body id="d1" onscroll="handler()">
<div>
<div>
<table id="t1" style="background-image:url('noname.png');">
<tr>
<td>22222222222222222</td>
....
</tr>
</table>
<table id="t2">
<tr>
<td>11111111111111111</td>
...
</tr>
</table>
</div>
</div>
</body>
</frame>
</html>

Вообщем, вопрос в том, как мне определить, что была прокрутка горизонтальная или была прокрутка вертикальная? Очень надеюсь на вашу помощь.

Последний раз редактировалось Vreditel, 20.02.2011 в 18:33.
Ответить с цитированием