JQuery Offset Scrolldown

У меня есть сайт для прокрутки страницы с Masthead и Affix для Nav. Когда я прокручу вниз, заголовок будет перекрыт с моего навигатора. Когда я просматриваю позицию правильно.JQuery Offset Scrolldown

Вот моя страница:

Website

$(function() { 
    $('a.page-scroll').bind('click', function(event) { 
     var $anchor = $(this); 
     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 1500, 'easeInOutExpo'); 
     event.preventDefault(); 
     }); 
    }); 
});

источник

2015-04-16 Andre Sancken

Не поймите, что не так (ffox): P Проверьте под FFOX и хром, если проблема такая же. Также цвет меню должен быть ярче при наведении: P –

Привет, theres что-то не так с прокруткой. Когда вы открываете сайт и нажимаете «Einstieg», он прокручивается до первого Anker. Но заголовок «Zur Person» не показан с достаточным смещением вверх. Затем вы нажимаете на вторую навигационную точку, смещение к nav - нормально. Неправильный первый щелчок на точке навигации. Я использую фиксированный nav. –

Итак, Андре, вы исправили свою проблему - вопрос все еще открыт. :) –

Это должно сделать трюк. Изменение старого кода в файле: JS/main.js

$('a.page-scroll').bind('click', function(event) { 
     var $anchor = $(this); 
// modification here 
    var difference = 0; 
    if ($('#nav').hasClass('affix-top')) { 
     difference = 65; 
    } 

     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top-difference // modification here 
     }, 1500, 'easeInOutExpo'); 
     event.preventDefault(); 
     var test = $($anchor.attr('href')).offset().top; 
     console.log(test); 
    });

В то время как Вы находитесь на верхней части страницы, а сценарий вычисления, где окно должно быть прокручивается, отд # нав еще часть страницы так это высота get'а для вызовов.

источник

2015-04-20 13:17:35

JQuery Offset Scrolldown

ответ

Смежные вопросы