Scrolling Seite ID, wenn Div-ID nur aus dem Display angezeigt wird: keine zur Anzeige: Block

Question

Ich habe eine HTML-Seiten der Login und Homepage. Ich habe eine Bedingung beim Einloggen eines Benutzers. Beispiel ist, wenn er/sie sich mit temporärem Passwort anmeldet die URL der Umleitung Seite sein wird home.html?change=yes#focuschange Dann auf meiner Homepage, wenn die URL == "yes", wird es die anderen Div-IDs (Home-Wrapper) verstecken. Zeigen Sie dann die focuschange Div-ID. Und sollte zu der besagten Div-ID gescrollt werden. Aber nach dem Laden der Homepage verstecken Sie einfach andere Div und zeigen Sie die focuschange div aber nicht scrollen zu ihm. Es wird nur am unteren Rand angezeigt. Wenn ich die Seite neu lade, scrollt sie nun wie gewünscht. Warum das? Ich versuchte mit scrollIntoView() und animate scrollTop aber das gleiche Problem.

Die Struktur meiner html ist wie folgt:

<div class="page-content"> 
    <div class="content-block"> 
     <div id="home-wrapper"></div> //this will hide upon page load (by default it will show) 
     <div id="profile-wrapper"> // this will show upon page load (by default it will hide) 
      <div id="info"></div> 
      <div id="focuschange"> 
       <form></form> 
      </div> 
     </div> 
    </div> 
</div> 

Und das ist meine jQuery-Funktion auf Homepage:

function GetURLParameter(sParam){ 
       var sPageURL = window.location.search.substring(1); 
       var sURLVariables = sPageURL.split('&'); 
       for (var i = 0; i < sURLVariables.length; i++) 
       { 
        var sParameterName = sURLVariables[i].split('='); 
        if (sParameterName[0] == sParam) 
        { 
         return sParameterName[1]; 
        } 
       } 

      } 

      var urlvar = GetURLParameter('change'); 
      if (urlvar == 'yes'){ 

       $('#home-wrapper').hide(); 
       $('#profile-wrapper').show(); 

       setTimeout(function(){ 
       $("#newpass").focus(); 
       }, 200); 
      } 

Gibt es ein Problem, ein div id Scrollen, wenn es nur Displays nach dem Laden der Seite?

Was sollte der Ansatz in diesem Szenario sein?

Answer 1

möchten Sie vielleicht Ihre Zeile ändern, die ist;

var urlvar = GetURLParameter('changepassword'); 

zu

var urlvar = GetURLParameter('change'); 

Answer 2

Da Sie bereits verwenden jquery Sie jquery verwenden können, das Buch zu führen.

Hier ist ein css-tricks Link, der genau auf Link Klicks automatisch funktioniert. https://css-tricks.com/snippets/jquery/smooth-scrolling/

Wenn alles, was Sie dazu brauchen, beim Laden der Seite geschehen ist, dann können Sie tun:

$('html, body').animate({ 
    scrollTop: $('#focuschange').offset().top 
}, 1000);