Question

У меня есть этот код, который, когда вы открываете ссылку, будет прокручиваться до определенного div на этой странице.

collection.html

<a id='about' href="index.html">about</a> 

index.html

<div id='#moreInfo>contents here</div> 

<script> 
    $(document).ready(function(){ 
      $('html, body').animate({ 
      scrollTop: $("#moreInfo").offset().top 
      }, 1000); 
    }) 
</script> 

Моя проблема в том, когда я загружаю index.html, он всегда прокручивается к MOREINFO DIV , То, что я хочу, когда я на collection.html и я нажимаю на ссылку о, он будет перенаправлять index.html затем прокручивать плавно к MOREINFO дел.

Буду признателен за любой ответ.

Answer 1

Простой способ сделать это - просто указать ссылку на местоположение хэш.

<a id='about' href="index.html#moreInfo">about</a> 

Затем на вашем JavaScript вы можете просто проверить, не пришел ли человек по этой ссылке.

$(document).ready(function(){ 
     if (window.location.hash == "#moreInfo") { 
     $('html, body').animate({ 
      scrollTop: $("#moreInfo").offset().top 
     }, 1000); 
     } 
    }); 

Answer 2

Вы можете сделать это, установив параметр GET по URL ссылке, то чтение этого параметра при следующей странице нагрузки:

collection.html

<a id='about' href="index.html?scrollTo=moreInfo">about</a> 

index.html

<script> 
    $(document).ready(function(){ 
      var scrollTo = getParameterByName('scrollTo'); 
      if(scrollTo!=''){ 
       $('html, body').animate({ 
       scrollTop: $("#"+scrollTo).offset().top 
       }, 1000); 
      } 
    }); 

    function getParameterByName(name) { 
     name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
     var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
      results = regex.exec(location.search); 
     return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
    } 
</script>