меню Waypoints подсветка

Question

Я пытался найти способ Hightlight мои иконки меню при прокрутке, чтобы передать определенную точку, и я нашел способ с помощью Waypoints:

<script> 
    var waypoint0 = new Waypoint({ 
     element: document.getElementById('pagetopAnchor'), 
     handler: function() { 

      $('a[href="#pagetop"]').toggleClass('highlighted'); 
     } 
    }) 
    var waypoint1 = new Waypoint({ 
     element: document.getElementById('pagemiddleAnchor'), 
     handler: function() { 
      $('a[href="#pagetop"]').toggleClass('highlighted'); 
      $('a[href="#pagemiddle"]').toggleClass('highlighted'); 
     } 
    }) 
    var waypoint2 = new Waypoint({ 
     element: document.getElementById('pagebottom'), 
     handler: function() { 
      $('a[href="#pagemiddle"]').toggleClass('highlighted'); 
      $('a[href="#pagebottom"]').toggleClass('highlighted'); 
     } 
    })  
</script> 

Но у меня тоже есть smoothscroll, так когда я нажимаю значок меню, он прокручивается до нужной точки, но сценарий путевых точек не запускается - мне приходится прокручивать только немного, чтобы увидеть его в действии.

У вас есть идеи, как это исправить? (Итак, когда я нажимаю значок меню, он прокручивает и переключает класс .highlighted) Я пытался какое-то время и не смог найти решение.

Answer 1

Nevermind. Иногда решение находится прямо под носом. У Waypoints.js есть опция "offset".

Извините!