Наверх
 

Навигация
Опрос
Какие виды уроков Вы хотите видеть на сайте?
Битрикс
DLE
CSS
Joomla
Wordpress
Все для хостинга
Все для фотошопа
Другое

База уроков » » » Плавная прокрутка к якорю jQuery

Плавная прокрутка к якорю jQuery

01 фев 2015 | Комментариев: 0 | Просмотров: 3061

В этой статье расскажу как сделать плавную прокрутку к якорю.

 

Вот например менюшка:

 

<ul>
<li><a href="#glav">Главная</a></li>
<li><a href="#service">Услуги</a></li>
<li><a href="#bron">Бронь</a></li>
</ul>

 

И конечно скрипт:

 

$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=$(this.hash);if(t=t.length?t:$("[name="+this.hash.slice(1)+"]"),t.length)return $("html,body").animate({scrollTop:t.offset().top},1000),!1}})});

 

Вот и все



Ссылка на новость:

    html-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию

ЕЩЕ НА ЭТУ ТЕМУ:

Генератор паролей

Генератор паролей

В этой статье расскажу как сделать генератор паролей.
Маска телефона для поля input

Маска телефона для поля input

В этой статье расскажу как можно сделать красивую маску телефона для поле input.
Кнопка Наверх на сайте

Кнопка Наверх на сайте

В этой статье я расскажу как сделать красивую кнопку наверх на своем сайте. 
Переливающийся текст с помощью JavaScript

Переливающийся текст с помощью JavaScript

В этой статье расскажу как сделать переливающийся текст на javascript.
Иконка на внешнюю ссылку

Иконка на внешнюю ссылку

Иконка для внешней ссылки - используется jQuery плагин для показа внешней ссылки.
Красивый эффект анимации для галереи

Красивый эффект анимации для галереи

Эффект, который позволит преобразить вашу галерею фотографий, с помощью библиотеки Raphael и jQuery. Нужно создать три файла: index.html, default.css, init.js
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.