Exécutez ScrollTop avec le décalage de l'élément par ID

Question

Essayer de faire défiler le navigateur vers un identifiant spécifique avec un décalage ajouté -

 $('html, body').animate({scrollTop: $('#contact').offset().top}, 'slow');

Ce que je dois faire, c'est définir le décalage de -100px. Comment puis-je accomplir cela?

Answer 1

Aucune magie impliquée, il suffit de soustraire du haut décalé de l'élément

 $('html, body').animate({scrollTop: $('#contact').offset().top -100 }, 'slow');

Answer 2

jQuery(function($) {
  $('a[href*="#"]:not([href="#"])').click(function() {
      var target = $(this.hash);
        $('html,body').stop().animate({
          scrollTop: target.offset().top - 120
        }, 'linear');   
  });    
    if (location.hash){
    var id = $(location.hash);
    }
    $(window).on('load', function() {
    if (location.hash){
        $('html,body').animate({scrollTop: id.offset().top -120}, 'linear')
    };
    });
});

cela a fonctionné pour moi.

Answer 3

var top = ($(".apps_intro_wrapper_inner").offset() || { "top": NaN }).top;   
if (!isNaN(top)) {
$("#app_scroler").click(function () {   
$('html, body').animate({
            scrollTop: top
        }, 100);
    });
}

si vous voulez faire défiler un peu au-dessus ou en dessous de div spécifiques qui ajoutent de la valeur vers le haut comme ceci ..... comme j'ajoute 800

 var top = ($(".apps_intro_wrapper_inner").offset() || { "top": NaN }).top + 800;

Answer 4

aucune logique n'implique seulement besoin de soustraction avec -215 et c'est exact de mettre ma div correctement en position supérieure

 $('html,body').animate({scrollTop: $("#"+id).offset().top -215},'slow');