2013-11-07 4 views
0

Я получил веб-сайт на одну страницу, до того, что он имел 3 различных страниц, а также ссылку на панели навигации на текущей странице повернулся к'id = "selected'Сделать позицию JS на странице?

#selected { 
background-color:white; 
color: #645406; 
cursor: default; 
} 

, когда вы находитесь на этой странице. Теперь это немного сложнее, так как ссылки работают так же, как ссылки привязки. Мне нужен скрипт, который будет определять, где прокручивается пользователь, и автоматически привязывает ссылку привязки к выбранному «i =» «», когда пользователь прокручивает якорь

Пример:. http://jsfiddle.net/mbSXB/

+1

И ваш вопрос? .. – GolezTrol

+0

Так что вы хотели бы иметь функцию, которая срабатывает как пользователь прокручивает страницу, изменение 'id' данного элемента к' selected'. Каков ваш конкретный вопрос? Что вы пробовали? – TankorSmash

ответ

1

Попробуйте http://jsfiddle.net/8NKqf/1/

$(function() { 
    var anchors = $('.anchor'); 
    var navLinks = $('.navigointi a'); 

    $(window).scroll(function() { 
     var scrollTop = $(window).scrollTop(); 
     var clientHeight = document.documentElement.clientHeight; 
     var activeSectionAnchor, hash; 

     anchors.each(function() { 
      if ($(this).offset().top < scrollTop + clientHeight) { 
       activeSectionAnchor = $(this); 
      } 
     }); 

     hash = "#" + activeSectionAnchor.attr('name'); 

     activeLink = navLinks.removeClass('selected').filter('[href="' + hash + '"]'); 

     activeLink.addClass('selected'); 
    }); 
}); 
+0

Эй, @крассман! Хорошая работа, отлично работает! Не могли бы вы также добавить гладкую прокрутку? Я ноб в JS, поэтому я не смог добиться успеха. – user2907241

+0

Плавная прокрутка, делая что? Когда вы нажимаете на ссылки навигации? – akrasman

+0

Да. http://cferdinandi.github.io/smooth-scroll/, это так просто, но это не сработает для меня ... Скрипт находится в той же папке, и я сделал это точно так. Кроме того, я пытаюсь добавить NiceScroll 3, но заканчивается тем же результатом. – user2907241

Смежные вопросы