| 
	
	
		
		
			
			 
				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.
				
				
			
		
		
	
		
		
	
	
	 |