Прокрутка к диву
Есть достаточно длинная страница, нужно, чтобы при нажатии на определённую ссылку страница прокручивалась к нужному диву. Проблема в том, что заранее не известно, какое расстояние до этого дива. Подскажите решение это проблемы , пожалуйста?
|
Цитата:
<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>
|
ksa,
нет. Это точно не подходит.. Нужно, чтобы плавно прокрутывалось. Да и нужен js-код а не html, т.к. это всё запускаться будет из функции. |
Можно заюзать библиотеку iScroll
#там есть метод scrollToElement(element, time); Указываешь элемент, к которому необходимо проскролить и указываешь время за которое будет скролить к этому элементу |
либо jQuery.ScrollTo
|
ASerputko,
спасибо) |
| Часовой пояс GMT +3, время: 22:15. |