Jquery viewport - проблема реализации адаптивного меню
Здравствуйте, готовлю сайт-одностраничник - 5 блоков на 100% ширины и высоты и фиксированное меню из якорных ссылок, ведущих к этим блокам. Нужно, чтобы при прокрутке вручную или с помощью меню, при нахождении в каком-либо из 5-и блоков соответствующий пункт меню получал класс "selected". В ходе поисков нашёл плагин jquery viewport и прилагающийся скрипт, но что-то не смог адаптировать под свой сайт:
// add & remove active link
$(document).ready(function() {
$(window).scroll(function () {
var inview = '#' + $("section > article:in-viewport:first").parent().attr('id'),
$link = $('nav a').filter('[hash=' + inview + ']')
if ($link.length && !$link.is('.selected')) {
$('nav a').removeClass('selected');
$link.addClass('selected');
}
})
});
Последний раз редактировалось Иззет, 23.11.2013 в 00:51.
|