Прокрутка к диву
Есть достаточно длинная страница, нужно, чтобы при нажатии на определённую ссылку страница прокручивалась к нужному диву. Проблема в том, что заранее не известно, какое расстояние до этого дива. Подскажите решение это проблемы , пожалуйста?
|
Цитата:
<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, время: 20:02. |