Ich möchte die Leiste im unteren Bereich scrollen

Ich habe eine Tabelle, es hat eine min-width. Wenn ein Kontext vorhanden ist, befindet sich die Bildlaufleiste in der Seitenmitte. Ich möchte Bildlaufleiste am unteren Rand. Aber das funktioniert nicht:Ich möchte die Leiste im unteren Bereich scrollen

<body> 
 
    <div class="container-fluid" style="position: relative;overflow:auto;height:100%"> 
 
    <div class="row clearfix"> 
 
     <div class="col-xs-3" id="pollutanttree"></div> 
 
     <div class="col-xs-9"> 
 
     <div class="btn-group"> 
 
      <button class="btn btn-primary" type="button"> 
 
      add 
 
      </button> 
 

 
     </div> 
 
     <table class="table table-striped table-bordered" style="min-width:1200px"> 
 
      <thead> 
 
      <tr> 
 
       <th> 
 
       name 
 
       </th> 
 

 
      </tr> 
 
      </thead> 
 

 
      <tbody> 
 

 
      </tbody> 
 

 
     </table> 
 

 
     </div> 
 

 
    </div> 
 
    <div class="row clearfix" style="position: absolute;bottom:0px">this should in bottom ,on the scroll bar</div> 
 
    </div> 
 

 
</body>

Quelle

2016-11-29 fe263

Sie können dies tun, indem Sie diesen Code hinzufügen:

body{ 
    height:100vh; 
}

und das bedeutet, dass Sie dem Körper die Bildschirmhöhe geben

Quelle

2016-11-29 07:26:07 Chiller

Sie können den folgenden Code

versuchen

Quelle

2016-11-29 07:56:48

Ich möchte die Leiste im unteren Bereich scrollen

Antwort

Verwandte Themen