Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Перемещение к новому элементу на странице (https://javascript.ru/forum/jquery/28357-peremeshhenie-k-novomu-ehlementu-na-stranice.html)

sktemp 16.05.2012 19:04

Перемещение к новому элементу на странице
 
Не уверен, что я пишу в нужный раздел, поэтому при необходимости перенаправьте меня.

Я на странице отобьражаю скрытый элемент $('#id').fadeIn(300); Этот элемент открывается внизу страницы. Необходимо чтобы скролбар страницы плавно переместился вниз и появившийся элемент оказался вверху страницы.

Действие подобное
<p><a href="#bottom">Наверх</a></p>
<p style="height:3000px;">Здесь много-много текста.</p>
<p><a name="bottom"></a></p>


Только без перезагрузки страницы и плавно.

bot87 16.05.2012 19:37

а тЫ через интервал делай скрол.
SetInterval(element.scrollIntoView(true),time) что то похожее.
time-регулирует плавность.
element.scrollIntoView(true)-прокрутка до элемента element

cmd 17.05.2012 01:05

Есть хороший плагин скролинга для jquery.
Примеры там есть - думаю разберетесь.

sktemp 17.05.2012 14:35

Цитата:

Сообщение от cmd (Сообщение 174854)
Есть хороший плагин скролинга для jquery.
Примеры там есть - думаю разберетесь.

Спасибо за планиг. Я его поставил, но возникло затруднение. Тот элемент, к которому надо переместить скролин загружается через Ajax в низ страницы. И поэтому перемотка не срабатывает.

Я делаю вот так.

$('#level').load('file.php').show(0);
$.scrollTo('#level', 800);

Я думал использовать .live(), но я не знаю какое событие нужно поставить в качестве параметра.

zebra 17.05.2012 15:36

Вы делаете scrollTo до того как загрузятся данные

sktemp 17.05.2012 16:17

Цитата:

Сообщение от zebra (Сообщение 174968)
Вы делаете scrollTo до того как загрузятся данные

Это я понимаю. Как сделать scrollTo после того, как загрузятся данные?

zebra 17.05.2012 16:20

$('#level').load('file.php', function() {
// scroollto

});

sktemp 17.05.2012 17:56

Спасибо большое!


Часовой пояс GMT +3, время: 14:41.