Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Прокрутка к диву (https://javascript.ru/forum/misc/22508-prokrutka-k-divu.html)

(Sandr) 23.10.2011 12:35

Прокрутка к диву
 
Есть достаточно длинная страница, нужно, чтобы при нажатии на определённую ссылку страница прокручивалась к нужному диву. Проблема в том, что заранее не известно, какое расстояние до этого дива. Подскажите решение это проблемы , пожалуйста?

ksa 23.10.2011 14:04

Цитата:

Сообщение от (Sandr)
Подскажите решение это проблемы

Как вариант...

<style type="text/css">
#container {
	width: 100px;
	height: 100px;
	overflow: auto;
}
</style>
<div id='container'>
	<p>
		<a href='#test'>Go</a>
	</p>
	<p>
		Служба Яндекс.Рефераты предназначена для студентов и школьников, 
		дизайнеров и журналистов, создателей научных заявок и отчетов — для всех, 
		кто относится к тексту, как к количеству знаков.
	</p>
	<p>
		Нажав на кнопку «Написать реферат» вы лично создаете уникальный текст, 
		причем именно от вашего нажатия на кнопку зависит, какой именно текст 
		получится — таким образом, авторские права на реферат принадлежат только вам.
	</p>
	<p>
		Теперь никто не сможет обвинить вас в плагиате, ибо каждый текст Яндекс.
		Рефератов неповторим.
	</p>
	<p id='test'>
		Текстами рефератов можно пользоваться совершенно бесплатно, однако при 
		транслировании и предоставлении текстов в массовое пользование ссылка 
		на Яндекс.Рефераты обязательна.
	</p>
</div>

(Sandr) 23.10.2011 16:03

ksa,
нет. Это точно не подходит.. Нужно, чтобы плавно прокрутывалось. Да и нужен js-код а не html, т.к. это всё запускаться будет из функции.

ASerputko 23.10.2011 16:58

Можно заюзать библиотеку iScroll
#там есть метод scrollToElement(element, time);
Указываешь элемент, к которому необходимо проскролить и указываешь время за которое будет скролить к этому элементу

ASerputko 23.10.2011 17:01

либо jQuery.ScrollTo

(Sandr) 23.10.2011 19:05

ASerputko,
спасибо)


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