Bir menüde Javascript kaydırma efekti

Question

Bu yüzden bir giriş sayfasındaki kaydırma formuna sahip bir menü sayfam var.

<li><a href="{{ 'home'|page }}" class="scroll">Contact</a></li> 

Ve ana sayfasında bir cazibe gibi çalışır ancak bir kullanıcı farklı bir sayfaya ise, hakkında söylenecek veya blog ve İletişim bağlantısını o üzerinde tıklama/o bir ana sayfada bir yönlendirme alır ama kaydırma etkisi let asla gerçekleşmez.

Bir kullanıcı farklı bir sayfada olduğunda ve bu bağlantıyı tıklattığında bunu yapmak mümkün mü? kaydırma için

Kod geçerli:

$(function(){$(".scroll").click(function(){$("html,body").animate({scrollTop:$("#contact").offset().top},"500");return false})}) 

Konsolu günlük sonra yezzz öneri: diğer sayfalarının ana sayfasında #contact etmenizi gönderiyorsanız

Answer 1

, o zaman tıklamayı tetikleyebilecek :

$(function(){ 
    $(".scroll").click(function(){ 
     $("html,body").animate({scrollTop:$("#contact").offset().top},"500"); 
     return false; 
    }); 
    if (window.location.hash == "#contact") $(".scroll").trigger("click"); 
}); 

Answer 2

İyi düşünmüştüm. Localstorage kullanarak bir atış. Varsayılan komut dosyasını (tüm sayfalarda) aşağıdaki şekilde değiştirin ve konsolunuzu hatalardan kontrol edin.

$(function(){ 
    $(".scroll").click(function(){ 
     $("html,body").animate({scrollTop:$("#contact").offset().top},"500"); 
     return false; 
    }); 
    if (typeof(Storage) !== "undefined") { 
     // localstorage is supported  
     if (location.pathname === "/") { 
      // we're on homepage 
      if (localStorage.triggerScroll == 1) { 
       localStorage.triggerScroll = 0; 
       $(".scroll").trigger("click"); 
      } 
     } else { 
     // we 're on another page 
     $(".scroll").click(function(){ 
      localStorage.triggerScroll = 1; 
     }); 
    } 
});