Как Закрепить Меню При Скроллинге

Статус
Закрыто для дальнейших ответов.
N

Nickalex

Новичок
Регистрация
22.08.2007
Сообщения
4
У меня есть вертикальное меню, сделанное в XaraMenu, под ним еще подменю, но уже выполненное не на JavaScript, а обычной таблицей. Мне нужно закрепить эти два меню при скроллинге в правой части окна. Как это лучше сделать? Помогите, пожалуйста!
Код, который мне нужно закрепить:
[codebox]&lt;script src="right_menu/production2/xaramenu.js"></script>&lt;script menumaker src="right_menu/production2/clearlake7.js"></script>
<table width="160" cellpadding="0" cellspacing="0" border="0" align="right">
<tr bgcolor="#FFFFFF">
<td width="20" valign="top" background="bg_tree.gif"></td>
<td bgcolor="#FFFFFF" height="2"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="20" valign="middle" background="bg_tree.gif"><img src="_tree_center.gif" alt="" width="23" height="11" border="0"></td>
<td bgcolor="#828286" class="tdtxt" onMouseOver="hmnu(this, 'on')" onMouseOut="hmnu(this, 'off')" width="120" onclick="document.location='2.html'"><a href="2.html" TARGET="_self" class="menu"><span style="text-transform: uppercase;">Ссылка 2</span></a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="20" valign="top" background="bg_tree.gif"></td>
<td bgcolor="#FFFFFF" height="2"></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="20" valign="bottom" background="bg_tree.gif"><img src="_tree_down.gif" alt="" width="23" height="16" border="0"></td>
<td bgcolor="#828286" class="tdtxt" onMouseOver="hmnu(this, 'on')" onMouseOut="hmnu(this, 'off')" width="120" onclick="document.location='1.html'"><a href="1.html" TARGET="_self" class="menu"><span style="text-transform: uppercase;">Ссылка 1</span></a></td>
</tr>
</table>[/codebox]
 
N

Nickalex

Новичок
Регистрация
22.08.2007
Сообщения
4
Как переделать приведенный пример на вертикальный скролл?
[codebox]<head><script type="text/javascript"><!--
function setscroll(leftscroll) {
document.getElementById('num1').style.left=leftscroll;
document.getElementById('num2').style.left=leftscroll;
//alert(document.getElementById('num1').style.marginleft);
}
--></script>
</head>
<body onScroll="setscroll(document.body.scrollLeft);">
<div id="num1" style="position:relative; width:100%; overflow:hidden; height:100px; background-color: yellow;">Div 1
</div>
<div id="content" style=" width:300%; height:100px; overflow:auto; background-color: blue;">Div 2 sciko, да ты не понял, немного другая задумка, нижний и верхний дивы должны двигаться стрелками, это все правильно, но середина должна прокручиваться по горизонтали! нижней! полосой! прокрутки! при этом верхнее и нежнее поля должны оставаться в пределах дисплея, т.е. не должны двигаться вместе со средним полем по горизонтали!
а в твоем примере когда прокручиваешь полосой прокрутки, то прокручиваются все три поля.
paha-kolo, делай "неподвижными", то есть JavaScript-ом удерживаемые на месте при скроле и передвигаемые влево-вправо DIV для верха и низа, а середину можно хоть голым body оставить, который стандартный скрол будет крутить
</div>
<div id="num2" style="position:relative; width:100%; overflow:hidden; height:100px; background-color: green;">Div 3
</div></div>
</body>[/codebox]
Чем заменяется leftscroll?
 
N

Nickalex

Новичок
Регистрация
22.08.2007
Сообщения
4
Вообще-то мне нужно немного не то, что по указанной ссылке. Меню находится справа, но над ним банер на всю ширину. Так вот при скроллинге мне нужно, чтобы меню плавно по мере скрытия банера поднималось на самый верх окна. Не подскажите как это лучше реализовать?
 
N

Nickalex

Новичок
Регистрация
22.08.2007
Сообщения
4
sciko сказал(а):
Надо сделать типа как здесь? Пример
Нажмите, чтобы раскрыть...
Немного не то. В примере меню всегда подлетает на определенную высоту. Мне же необходимо, чтобы меню сначала скроллировалось вместе со всей страницей, но, когда верхнего баннера будет уже не видно, нужно чтобы она закрепилась в верхнем положении страницы и оставалась неподвижной. Если скролить вверх, то по мере появления баннера меню должно опуститься на свое исходное положение, чтобы не заслонять баннер. То есть нужно закрепить меню после скроллирования на высоту баннера, а пока оно не будет закреплено, оно должно или подниматься вверх, или опускаться вниз (на какую высоту скролим - на такую меню поднимается/опускается) в зависимости от направления скроллинга. Опускание и поднимание меню до крайнего верхнего положения необходимо, чтобы полностью все меню было видно (оно друхуровневое и довольно большое по высоте). Вот такая у меня проблема.
 
Статус
Закрыто для дальнейших ответов.

Онлайн статистика

Пользователи онлайн
1
Гости онлайн
21
Всего посетителей
22
Общее число может включать скрытых пользователей.

Статистика форума

Темы
10 934
Сообщения
64 052
Пользователи
12 696
Новый пользователь
DennissePap

Новые пользователи

Поделиться этой страницей

Верх Низ