축소 후 어떻게 페이지 하단으로 자동 스크롤합니까?

Question

부트 스트랩 붕괴를 사용하는이 요소가 있습니다. 이 엘레멘트의 "머리글"을 클릭하면 열리고 스크롤바가 나타납니다. 그러나 맨 아래에있는 것처럼 보입니다.

나는 많은 해결책을 stackoverflow에서 시도하지만 아무 것도 작동하지 않는 것 같습니다. 이 작업을 수행 할 수 있습니까?

<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

당신은 onClick 이벤트를 사용하는 경우, 그 onclick을 내

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

이 페이지의 맨 아래로 스크롤합니다,이 코드 줄을 작성합니다.