Wie kann ich nach dem Kollaps automatisch zum Ende der Seite blättern?

Question

Ich habe dieses Element, das Bootstrap-Kollaps verwendet. Wenn ich auf "Header" dieses Elements klicke, öffnet es sich und eine Bildlaufleiste erscheint, aber ich mag es, wenn ich unten bin.

Ich versuche viele Lösung von Stackoverflow, aber keiner scheint zu arbeiten. Ich kann das tun?

<div class="row"> 
    <div class="col-sm-12"> 
     <div id="panel-profil" class="panel panel-info"> 
      <div id="panel-heading-profil" class="panel-heading text-center"> 
       <a id="link-heading-profil" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" 
        aria-expanded="false" aria-controls="collapseTwo" onclick="changeArrowProfil()"> 
        <div class="row"> 
         <div id="triangleUn" class="col-sm-1"> 
          <span id="triangle1" class="glyphicon glyphicon-triangle-bottom"></span> 
         </div> 
         <div class="col-sm-10"> 
          <span class="fa fa-truck fa-1"></span> Profil du véhicule 

         </div> 
         <div id="triangleDeux" class="col-sm-1"> 
          <span id="triangle2" class="glyphicon glyphicon-triangle-bottom"></span> 
         </div> 
        </div> 
       </a> 
      </div> 
      <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> 
       <div id="panel-body-profil" class="panel-body"> 
        <label class="text-info" for="sel1">Longueur du véhicule :</label> 
        <form class="form-horizontal"> 
         <div class="form-group form-group-sm"> 
          <div class="col-sm-1"><img src="../img/B10a.png" height="35" width="35" ></img></div> 
          <input class="col-sm-2 control-label inputConstraint" 
            for="formGroupInputSmall" type="text" value="6.00 m" autocomplete="off" id="value_length" readonly/> 
          <div class="col-sm-8 sliderConstraint" 
           for="formGroupInputSmall"> 
           <input type="range" min="0" step="1" max="3" value="0" 
             id="value_length_slide" 
             onchange="changeValue('length')" /> 
          </div> 
         </div> 
        </form> 
        ... 
        ... 
       </div> 
       <div class="row" id="valid-param"> 
        <div class="col-sm-12"> 
         <button id="btn-valid-param" onclick="modifierProfileSaisi();" type="submit" class="btn btn-success btn-sm btn-block" > Valider les paramètres</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
</div> 

Answer 1

Wenn Ihr ein OnClick-Ereignis verwenden, dann innerhalb dieses onClick, schreiben Sie diese Codezeile,

window.scrollTo(0,document.body.scrollHeight); 

Dies bringt Sie zum Ende der Seite scrollen.