Плавная прокрутка к заданному месту на странице
В этом материале Вы узнаете как сделать простую плавную прокрутку к нужному элементу на странице по клику. В данном примере используем JQuery плагин с сайта paulund. Плагин очень короткий и простой, сегодня, если Вы хотите использовать навигацию как в примере для одностраничного сайта, он будет полезен.
Протестировать этот плагин JQuery можно здесь, а здесь мы сейчас займемся его установкой.
Для работы плагина нужно залить папку sslide и в head вашего сайта прописать
Вызвать данный плагин очень просто.
Это ссылка, вызывающая плавную прокрутку. А сам элемент заключаем в divную структуру:
...
</div>
Думаю, механизм понятен. Но все же "разберем по косточкам".
Все вы заметили, что в DIVе и в ссылке есть неслучайное совпадение:
...
</div>
В роли "главного" здесь выступает DIV с контентом. Именно он задает значение атрибута href, то есть если было бы
...
</div>
То и в кнопке будут изменения:
На этом все, спасибо за внимание.
Воспользуйтесь сервисом uKit. Никакого кода!
