2016-10-19 5 views
0

Анимация jQuery на той же странице и на другой странице.Анимация jquery на той же странице и на другой странице

var jump=function(e) 
{ 

     if (e){ 
      var $height = -100; 
      e.preventDefault(); 
      var target = $(this).attr("href"); 
     }else{ 

      var $height = 300; 
      var target = location.hash; 
     } 

     $('html, body').animate({ 

      scrollTop: $(target).offset().top + $height 
     },1500,function() 
     { 
      location.hash = target; 
     }); 
} 

$(document).ready(function(e) { 
    $('.navbar-nav .menu-item-type-custom a[href^=#], .offer-sidebar .menu-item-type-custom a[href^=#]').bind("click", jump); 
    if (location.hash){ 
     setTimeout(function(){ 
      window.scrollTo(0, 0); 
      $('html, body').scrollTop(0).show() 
      jump() 
     }, 1); 
    } 
}); 
<div class="nav"> 
     <a href="http://www.exmaple.com/"> Home </a> 
     <a href="http://www.exmaple.com/contact"> Contact </a> 
     <a href="#footer"> Footer </a> // working fine 
     <a href="http://www.exmaple.com/#aboutus"> About us </a> // Not work 
    </div> 

На главной странице ABOUTUS будет прокручивать вниз о нас разделе одной страницы (не работает) и на странице Контакта она работает и прыгать на домашней странице свитке, чтобы о нас секции. Может ли кто-нибудь помочь работать с полным URL-адресом на той же странице и на другой странице?

+0

Нет необходимости в/там ' Footer' // будет работать –

+0

См. мой вопрос. –

ответ

0

нет необходимости / необходимо перед именем якорного

Вы создать якорь с

<div id="footer">Footer</div> 

и обратиться к нему позже с

<a href="http://www.exmaple.com#footer">Footer </a> // will work