Прокрутка дива

Старый mweb

Модератор: [mweb team]

Прокрутка дива

Сообщение Padonak Сб окт 18, 2008 8:27

Muerto писал(а):Padonak
Дай ссылку на топик с вопросом или, лучше, просто подними его.



Короче говоря страница устроена так что в body расположен div растянутый по высоте и ширине на весь видимый документ. в див вставляется контент (текст) который обычно не умещается по высоте и стало быть у дива overflow:auto дабы было похоже на обыкновенную прокрутку документа. с этим все нормально и вопросов нет.

в тексте есть скажем так "активные параграфы" т.е. параграфы с определенным классом при клике на которых в этот параграф вставляется картинка (либо исчезает если она уже там есть). так вот суть проблемы заключается в том что если данный параграф находится где-то например внизу экрана после того как по нему кликнешь и появится картинка все сдвигается нафиг вниз в невидимую область и виден лишь верхний край картинки. приходится прокручивать див вверх чтобы стала видна картинка и сам текст параграфа. ну и вот хочется каким-то образом автоматизировать эту прокрутку чтобы например после вставки картинки происходило нечто типа window.scrollBy(0, высота картинки + 100) но поскольку прокрутка у нас не окна а дива то данная команда нихрена не дает.

я пытался по совету Муерты при вставке картинки вставлять перед ней по коду еще и якорь. после вставки в конце ф-ции на него ссылался. не действует. ну может я чота не так там сделал не знаю. вобщем вот такая в общих чертах проблема.

сразу хочу оговориться что это совсем не срочно и не очень важно потому что данная страница чисто развлекательная у меня дома на компе. вот.
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Re: Прокрутка дива

Сообщение Muerto Вс окт 19, 2008 13:16

У меня срабатывает.
Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
Тут некий тест<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Тут параграф со скрытым дивом
<a href="" onclick="document.getElementById('test').style.display='block'; document.location.href='#test';return false;">Открыть блок</a>
<div id="test" style="display:none;">
Тут текст с картинкой большого размера<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Тут конец блока и якорь
<a name="test"></a>
</div>
</body>
</html>

Правда могут возникнуть трудности при переходе на другой якорь при якоре в урле. Накройняк пропишешь полные пути.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Re: Прокрутка дива

Сообщение Padonak Пн окт 20, 2008 8:25

в Опере это не работает что ты написал (смотрю щас с Оперы и в ней проверял). не знаю имеет ли значение способ вставки картинки но происходит у меня именно вставка а не display:block. у меня там вставляется span в котором img как document.createElement("span") и т.д. у которого innerHTML = "<img ...>"; при вставке следующей картинки в другой параграф этот спан удаляется по айди а новый создается с тем же айди.

короче шайтан. ладно хрен с ним не забивай голову этой фигней. пасиб что поковырял :-)
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Re: Прокрутка дива

Сообщение Muerto Пн окт 20, 2008 10:39

Padonak
Пришли свой код.
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва


Вернуться в Архив

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 22

cron