Как реализовать смещение в код путевой точки jquery?

Question

Я очень новичок в jQuery и не совсем понимаю его, поэтому я не мог понять что-то очень простое. Поэтому я создал липкую навигацию для привязанных ссылок, которые выделяются, когда пользователь прокручивает страницу вниз. Чтобы создать это, я использовал jquery waypoint.js, и в настоящее время у меня это работает. Проблема, с которой я сталкиваюсь, мне нужна подсветка, чтобы вызвать 50px над текущим местоположением, поэтому в waypoint.js есть опция смещения, но я не могу заставить код работать. Как реализовать смещение от waypoint.js?

Спасибо за помощь!

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

var waypoint = new Waypoint({ 
    element: document.getElementById('number-offset'), 
    handler: function(direction) { 
    notify('25px from top') 
    }, 
    offset: 25 
}) 

// здесь код, который создает основные моменты на элементах навигационного

$(document).ready(function(){ 
    var waypoint0 = new Waypoint({ 
     element: document.getElementById('work'), 
     handler: function() { 

      $('a[href="#work"]').toggleClass('highlighted'); 
     } 
    }) 
    var waypoint1 = new Waypoint({ 
     element: document.getElementById('about'), 
     handler: function() { 
      $('a[href="#work"]').toggleClass('highlighted'); 
      $('a[href="#about"]').toggleClass('highlighted'); 
     } 
    }) 
    var waypoint2 = new Waypoint({ 
     element: document.getElementById('contact'), 
     handler: function() { 
      $('a[href="#about"]').toggleClass('highlighted'); 
      $('a[href="#contact"]').toggleClass('highlighted'); 
     } 
    }) 


    }); 

Answer 1

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

ток:

var waypoint0 = new Waypoint({ 
    element: document.getElementById('work'), 
    handler: function() { 

     $('a[href="#work"]').toggleClass('highlighted'); 
    } 
    }); 

Новое:

var waypoint0 = new Waypoint({ 
    element: document.getElementById('work'), 
    handler: function() { 

     $('a[href="#work"]').toggleClass('highlighted'); 
    }, 
    offset: 50 
    }); 

Источник: http://imakewebthings.com/waypoints/api/offset-option/