JQuery faites Défiler jusqu'à Décalage à partir du haut de navigateur?

J'ai la suite de défilement de script qui vous permet de naviguer tour de la page d'amende, fonctionne exactement de la façon dont je le veux aussi.

$(function(){
    $('a[href*=#]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
        && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({scrollTop: targetOffset}, 1000);
                return false;
            }
        }
    });
});

Cependant, j'ai besoin de l'ignorer le haut dire 200px que j'ai un en-tête fixe en haut de la page que le contenu défile derrière.

Ce qui signifie que lorsque je scroll à haut il fait défiler le contenu vers l'arrière de l'en-tête fixe donc je ne peux pas le voir, donc j'en ai besoin pour faire défiler jusqu'à juste en dessous de l'en-tête.. afin de traiter le fond de l'en-tête de la partie supérieure du navigateur, je suppose....

Cela peut-il être fait comme il serait très utile?

Merci beaucoup pour toute aide

  • Merci de poser cette question a été mal toute la nuit à essayer de comprendre comment accomplir ce pour exactement la même raison!
InformationsquelleAutor Jezthomp | 2010-10-21
  1. 31

    Serait quelque chose comme ce travail?

    var targetOffset = $target.offset().top - 200;

    Ou prenez de la hauteur de l'élément d'en-tête pour le décalage.

    var targetOffset = $target.offset().top - $("element").outerHeight(true);
    InformationsquelleAutor tinifni
  2. 1

    Vous pouvez utiliser quelque chose comme cela, si la condition sur ur de code pour le faire

    //check if the absolute position is below header
if ($('#IdOfTheScrollElement').position().top >= 200 ){
//scroll
}
else {
//do nothing
}
    • Merci les gars pour votre aide. Je ne suis pas sûr si elles fonctionnent mais comme je n'arrivais pas à savoir où les mettre dans le code pour avoir un effet, dans la brume cas, j'ai juste cassé le défilement 🙁
    InformationsquelleAutor Mulki
  3. 0

    Le Code est correct, vous devrez supprimer la hauteur de votre en-tête fixe ici, par exemple si c'est de 200px. il fonctionnera parfaitement.

     $('html,body').animate({scrollTop: (targetOffset().top)-200}, 1000);

    Vous pouvez également vérifier cela quand on clique sur un bouton

    $(function() {

$('a[href*=#]:not([href=#])').click(function() {

    //Check height of the header and padding
    var header_height = $('.header').outerHeight();

    Le supprimer de votre décalage

    $('html,body').animate({scrollTop: (targetOffset().top) - header_height }, 1000);
    InformationsquelleAutor Chaos