2016-04-06 22 views
0

Bir bölüme ilerlemek için bir yol arıyorum ve sabit bir menü olduğundan, kaydırma (220px) için bir mesafe ekleyin. enter image description hereBir bölüme gidin, bir ofset ile

Pencerenin üst kısmından kaydırma mesafesini nasıl ayarlayabilirim? Neredeyse zaten var gibi

$(document).ready(function() { 
    $('.menudeux').on('click', function() { // Au clic sur un élément 
     var page = $(this).attr('href'); // Page cible 
     var speed = 750; // Durée de l'animation (en ms) 
     var offset = 220; 
     $('html, body').animate({ scrollTop: $(page).offset().top}, speed); // Go 
     return false; 
    }); 
}); 


    <nav class="nav-collapse"> 
    <a class="menuone" href="#theme" data-scroll>Thème</a> 
    <a class="menuone" href="#prog" data-scroll >Programmation</a> 
    <a class="menuone" href="#intervenants" data-scroll>Intervenants</a> 
    <a class="menuone" href="#infos" data-scroll>Infos</a> 
    </nav> 


    <section id="theme">content</section> 
    <section id="prog">content</section> 
    <section id="intervenants">content</section> 
    <section id="infos">content</section> 

cevap

2

sadece eksi ofset gerekir.

$(document).ready(function() { 
    $('.menudeux').on('click', function() { // Au clic sur un élément 
     var page = $(this).attr('href'); // Page cible 
     var speed = 750; // Durée de l'animation (en ms) 
     var offset = 220; 
     $('html, body').animate({ 
      scrollTop: $(page).offset().top - offset 
     }, speed); // Go 
     return false; 
    }); 
}); 
+1

Eksi düzeltme için teşekkür ederiz – Yagayente

+0

yardım ettiğine sevindim. Bir şansın olduğunda cevabı doğru olarak işaretleyebilirseniz. Teşekkürler. – Aaron

1

görünüyor: Ben bugüne kadar yaptık koddur.

Dene:

$('html, body').animate({ 
    scrollTop: $(page).offset().top - offset 
}, speed); 
+0

Gerçekten de yakındım. Teşekkür ederim! – Yagayente

İlgili konular