Scroll к указанному id | Грань программирования
Link in progress
Обо мне
Scroll к указанному id

scrollВ работе, особенно когда занимаешься версткой лендинг-страниц, нужен плавный 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.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Max quality, min price, min time expenditure
Send me a message to: work@glogla.net
Portfolio