03 января 2008 ~ 16 Комментариев

Делаем якорные ссылки удобными

a

Якорные ссылки это ссылки внутри одной странички, что-то вроде навигации по интерфейсу сайта. Лично я не люблю использовать эти ссылки как пользователь, так как происходит моментальное перемещение в другой участок страницы и я теряю то место на котором я остановился и не могу его сопоставить со следующим.

Вобщем сегодня мы будем заменять этот неудобный моментальный переход на плавный и удобный авто-скроллинг.

Для этого мы будем использовать jQuery, а также малюсенький плагин «anchorAnything v1.0».

Для полноценной работы нам нужно подключить эти скрипты, и присвоить якорным ссылкам класс anchorLink и вуаля — все работает!

Посмотреть демо

Посетить страничку автора плагина «anchorAnything»

An American Affair film

16 Комментариев для “Делаем якорные ссылки удобными”

  1. spirit 3 октября 2008 at 0:45 Permalink

    Очень интересный, но я б при употреблении в плагин еще б добавил функцию, которая пройшлась и по все якорным ссылкам добавила класс anchorLink. Тем более что это одна строчка )

  2. seroy 3 октября 2008 at 0:55 Permalink

    эффектно, только кнопка назад перестает работать (((

  3. joyd 3 октября 2008 at 2:55 Permalink

    Да, «Назад» должно работать, иначе это просто скрипт прокрутки, а не заменитель якоря.

  4. kikaha 3 октября 2008 at 2:59 Permalink

    да, «назад» не работает, однако можно побаловаться со стилями – например, для якорных ссылок сделать a:focus – и изменить фон, что ли

  5. Я собственной персоной 3 октября 2008 at 8:11 Permalink

    Очень интересный, но я б при употреблении в плагин еще б добавил функцию, которая пройшлась и по все якорным ссылкам добавила класс anchorLink. Тем более что это одна строчка )

    Это даже не одна строчка, надо в файле плагина убрать одно слово, кто хоть немного знает jQuery разберется.

  6. Вадим 3 октября 2008 at 18:50 Permalink

    Спасибо большое!

  7. Сергей М. 4 октября 2008 at 14:00 Permalink

    Сильно смысла, конечно, нет в этой плавной прокрутке.

  8. Zodios 10 октября 2008 at 1:33 Permalink

    А как по мне эффектный пример отсутствие функции назад нивелируется эффективностью.

  9. Лев 17 ноября 2008 at 2:51 Permalink

    полезная вещь)

  10. AS 4 июня 2009 at 22:37 Permalink

    Не очень люблю я этот эффект((
    мне больше по вкусу когда текст раскрывается по клику.

  11. Patriott 21 июня 2009 at 14:34 Permalink

    а у меня не хочет работать(( Как обычный якорь работает, а плавно не никак.

  12. Patriott 21 июня 2009 at 14:36 Permalink

    ..но при этом НАЗАД действительно не работает..)))

  13. Сергей 7 сентября 2009 at 20:23 Permalink

    В опере не пашет если ссылок больше 1 и работает тольк последняя

  14. Сергей 7 сентября 2009 at 21:10 Permalink

    Одно решил теперь не едет вверх в опере :)

  15. Виталий 17 мая 2010 at 6:11 Permalink

    Хм, благодарствую! Будем пробовать!

  16. Олег 1 сентября 2011 at 19:25 Permalink

    А есть ли такой плагин для WordPressa?


Оставить комментарий