JQuery Sticky Nav Issue

Question

Я пытаюсь решить проблему и, похоже, не могу найти какую-то помощь.

http://fiddle.jshell.net/DQgkE/7/show/

Опыт немного нервный и багги сейчас- но то, что я буду, как это

1) Когда вы прокрутите страницу вниз. Я хочу, чтобы Sticky Nav был (отключен, отключен, остановлен) в определенном месте (глава-3) на странице, и пользователь должен иметь возможность продолжать прокрутку вниз.

2) Когда пользователь прокручивает резервную копию, код будет удерживать навигатор и переносить его до тех пор, пока навигатор не достигнет исходного положения вверху.

Ниже приведена стартовая точка.

3) В настоящее время является своего рода делать это, но есть какая-то огромный скачок происходит при прокрутке обратно

http://imakewebthings.com/jquery-waypoints/#doc-disable

с помощью отключения, уничтожить, включить опцию будет хорошо.

Это оригинальный опыт очищено: http://fiddle.jshell.net/DQgkE/1/show/

Спасибо за помощь заранее.

Answer 1

Я не уверен, как этот плагин вы использовали, но у меня есть решение, которое я написал некоторое время назад, которое я написал в jquery. Он имеет несколько переменных вверху, элемент, который вам нужен, липкий, элемент, в котором вы хотите его остановить, и класс, который нужно добавить, когда он становится липким, и отступы сверху и снизу. Я только модифицировал часть javascript в этой вилке.

EDIT Я пошел вперед и исправил исходный код. Решение без плагина путевой точки находится в комментариях.

Вот результат: http://fiddle.jshell.net/Taks7/show/

Answer 2

Я бы рекомендовал использовать JQuery (это был сюрприз, правда ?!: P)

$(document).ready(function() {  //when document is ready 
     var topDist = $("nav").position(); //save the position of your navbar !Don't create that variable inside the scroll function! 
     $(document).scroll(function() { //every time users scrolls the page 
     var scroll = $(this).scrollTop(); //get the distance of the current scroll from the top of the window 
     if (scroll > topDist.top - *distance_nav_from_top*) { //user goes to the trigger position 
      $('nav').css({position:"fixed", width: "100%", top:"*distance_nav_from_top*"}); //set the effect 
      } else {       //window is on top position, reaches trigger position from bottom-to-top scrolling 
       $('nav').css({position:"static", width:"initial", top:"initial"}); //set them with the values you used before scrolling 
      } 
     }); 
    }); 

Я действительно надеюсь, что помог!