Рассчитайте, сколько прокрутки пользователя (включая поля и прокладки)

Question

Я застрял с очень раздражающей проблемой. Я пытаюсь создать скрипт, который изменяет строку меню (CSS), когда пользователь имеет прокрутку X пикселей (высота элемента заголовка). Тем не менее, любой сценарий jQuery, который я пробовал, не правильно вычисляет пройденное расстояние. После некоторых пикселей он перестает подсчитываться и продолжает ..., а затем возобновляет, останавливает, возобновляет и т. Д.

Я думаю, что это может иметь какое-то отношение к заполнению и/или полям. Во всяком случае, мне нужна поддержка.

Отъезд the current site с прилагаемым сценарием «прокрутка по расстоянию».

Сценарий:

$(window).scroll(function() { 
    var scrollTop = $(window).scrollTop(); 
    console.log(scrollTop); 
}); 

Answer 1

У вас есть два скроллбары будет для начала. Добавьте overflow: inherit; в css вашего тела, чтобы решить эту проблему.

DEMO

Это должно сделать примерно то, что вы хотите. При прокрутке 120px заголовок сглаживает верхнюю часть содержимого.

Если это не поможет, пожалуйста, опишите, что именно вы пытаетесь добиться немного лучше.