jQuery: scrollTop

Question

Ben kullanıcı bir "#"

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 
     var target = this.hash, 
     $target = $(target); 
     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 

Ben 40px hakkında eklemeleri gerekir onun href başlar ki linke tıkladığında hareketini yumuşatmak için aşağıdaki kodu kullanıyorum

ek piksel ekleme scrollTop değerine kadar, durma noktası doe, içeriği kapsayamaz. Bunun için kod değiştirilmiş, ancak durumun (40 kodun sonuna doğru fark) yapıyor gibi görünmüyor:

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 
     var target = this.hash, 
     $target = $(target); 
     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top + 40 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
}); 

Answer 1

Size gerçekten istediğiniz ofset +40 bir -40 çünkü çalışmıyor olmak animasyon tarayıcı yapıyor yapılması tamamlandıktan sonra id sen sen bunu kaldırmak veya kaydırılmak istenen elemanlarına aşağıdaki css ekleyebilir ya window.location.hash

geçirerek ile elemana gitmeyi varsayılan tepki.

padding-top: 40px; 
margin-top: -40px; 

ben geç cevabını biliyorum ama bir çözüm arayışında birisi bu deneyebilirsiniz

Answer 2

FIDDLE bakınız. .top + (-40) yapacak trick

$('html, body').stop().animate({ 
    'scrollTop': $target.offset().top + (-40) 
}, 900, 'swing', function() { 
    window.location.hash = target; 
});