Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Объект скроллится вместе с документом.


Автор: Innuendo 12.4.2006, 18:47
Есть хелп файл в html.
В начале документа оглавление, дальше идёт содержимое, заголовки- якори. (оглавление - ссылки)
Мне надо в углу документа сделать какой-то дивчик маленький. При его нажатии чтоб он возвращался на оглавление.
Как сделать чтоб див скроллился вместе с документом(когда опльзователь скроллит), и при навигации по ссылкам(по оглавлению) тоже?

Заранее спасибо.

Автор: dstorm81 12.4.2006, 20:39
что бы работало везде типа фиксед чтоли
Код

<html >
<head>
<style>
html,body{margin:0;overflow-y: hidden}
#fixDiv{position: absolute;top:10px;left:0px;width:200px;background-color:gray;border: solid 1px black;font-siza:14px}
#contentBody{height: 100%;overflow: auto}
</style>

</head>
<body>
<div id=contentBody>
qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>

qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>

qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>

qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>qeqewq<br>

</div>
<div id=fixDiv>фиксированное поле</div>
</body>
</html>


там стилями доделаешь, как тебе надо

Автор: 12345c 12.4.2006, 21:21
Innuendo, другими словами, чтобы был всегда в области окна? Ту же функцию, что на onscroll, вешаешь на переходы (клики по оглавлению).

упрощённо для IE:
document onclick=function(){if(event.srcElement.href.indexOf('#')==0){задержать немного и поправить положение дива;}}

, где "поправить положение дива" функция на скролле.

Автор: Innuendo 12.4.2006, 22:12
я пробовал так делать, тока оно дёргается при скролле.. а я видел на некотрых сайтах вообще не видно что див скроллитсяsmile

П.С. данное нужно только для Мозиллы smile
Добавлено @ 22:14
dstorm81, спасибо, работает smile
Добавлено @ 22:15
вот почему у меня не получалось.. я слаб в этих overflow и т.д. в CSS smile делал через Яваскрипт.. а тут стилем всё обошлось smile

Автор: 12345c 12.4.2006, 22:16
Цитата(Innuendo @ 12.4.2006, 22:12 Найти цитируемый пост)
видел на некотрых сайтах вообще не видно что див скроллитсяsmile
Это решение DStorm-a

Автор: Innuendo 13.4.2006, 06:30
уже понял, да.
Всем спасибо

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)