В работе, особенно когда занимаешься версткой лендинг-страниц, нужен плавный Scroll к указанному id элемента. Можно использовать для этого якоря, но при клике на ссылку якоря – страница мгновенно перескакивает до указанного якоря. Редко кто из заказчиком таким Scroll – лом удовлетворяется – нужно плавно. Сделаем Scroll к указанному id используя библиотеки JQUERY:
1 2 3 4 5 6 7 | $(function() { //#to - id кнопки начала скролла. $('#to').click(function() { // скроллим до элемента с id #learn $('html, body').animate({scrollTop: $("#learn").offset().top}, 1000); }); }); |
Все.
- До скорой встречи, с уважение ProIN.
