Блог

У меня довольно простая навигационная система, созданная с помощью Angular. Мой главный контроллер генерирует меню.

 <nav class="{{active}}" ng-click= "">
        <a href="#a" class="home" ng-click= "active='home'">Home</a>
        <a href="#b" class="projects" ng-click= "active='projects'">Projects</a>
        <a href="#c" class="services" ng-click= "active='services'">Services</a>
        <a href="#d" class="contact" ng-click= "active='contact'">Contact</a>
    </nav>
  

Каждая ссылка ведет на часть страницы, помеченную привязкой.

Есть ли какой-либо способ определить, прокрутил ли пользователь тег привязки и выделил соответствующий пункт меню? Кроме того, допустимо ли в качестве метода кода привязывать событие щелчка по пунктам меню для достижения более плавной прокрутки? Полный пример: http://jsfiddle.net/4VLLc/4 /

Angular-пользовательский интерфейс имеет Директива Scrollfix.

Добавьте класс ‘ui-fixed’ к элементам, когда страница прокручивается мимо них

Сделать элементы липкими или просто выглядеть по-другому после прокрутки после определенной точки

Вы можете дополнительно передать число в ui-scrollfix, которое переопределит обнаруженное смещение y элемента. Значения могут быть либо абсолютными 600, либо смещенными от вычисленного значения -50 или 100.