Анимировать jquery на той же странице и другой странице

#jquery #jquery-animate

#jquery #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 на той же странице и другой странице?

Комментарии:

1. Нет необходимости в / there <a href="http://www.exmaple.com#footer"> Footer </a> // будет работать

2. Пожалуйста, смотрите мой вопрос редактировать.

Ответ №1:

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

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

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

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

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