Advertisement
iGorNoiZe

Плавный скролл

Jun 24th, 2017
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.00 KB | None | 0 0
  1. $(document).ready(function(){
  2. $('.go_to').click( function(){ // ловим клик по ссылке с классом go_to
  3. var scroll_el = $(this).attr('href'); // возьмем содержимое атрибута href, должен быть селектором, т.е. например начинаться с # или .
  4. if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки
  5. $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 500); // анимируем скроолинг к элементу scroll_el
  6. }
  7. return false; // выключаем стандартное действие
  8. });
  9. });
  10. Теперь при нажатии на ссылку
  11. <a class="go_to" href="#elm">Туда</a> или <a class="go_to" href=".elm">Сюда</a>
  12. страница плавно проскроллится к элементу с id=»elm» или class=»elm» соответственно.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement