Beispiel für die Standard-Div-Bildlaufleiste unten und ganz rechts-js-Tutorial-php.cn

Beispiel für die Standard-Div-Bildlaufleiste unten und ganz rechts

小云云

Freigeben： 2017-12-21 09:38:33

Original

2451 Leute haben es durchsucht

Bei der Anzeige des Chat-Felds muss die Größe des festen Felds 300 Pixel in der Höhe und 50 Pixel in der Breite betragen. Wenn der Chat-Inhalt dann die Breite oder Höhe überschreitet, wird eine Bildlaufleiste angezeigt Die Bildlaufleiste sollte sich standardmäßig unten befinden, sodass die horizontale Bildlaufleiste im Allgemeinen ganz links angezeigt wird. In diesem Artikel wird ein Beispielcode zum Implementieren der Standard-Bildlaufleiste ganz unten und ganz rechts vorgestellt Sehr prägnant und hat einen guten Referenzwert. Ich hoffe, dass es für alle nützlich sein wird.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>实现p滚动条默认最底部以及默认最右边</title> 
  <script type="text/javascript" src="jquery文件地址"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $(&#39;#scroll_p&#39;).scrollTop( $(&#39;#scroll_p&#39;)[0].scrollHeight);
  $(&#39;#scroll_p&#39;).scrollLeft( $(&#39;#scroll_p&#39;)[0].scrollWidth);
 });
</script>
<body>


<p id="scroll_p" style="overflow-y:scroll; overflow-x:scroll;width:50px; height:300px; border:1px solid #F00;">
  pCSS5测试内容，欢迎来到pCSS5学习p+CSS技术。大家可以通过pCSS5主站上的所有免费CSS教程足可学会p CSS技术 -如果需要深入系统学习、较短时间达到理想学习效果可参加p+CSS培训班学习。
</p>
</body> 
</html>

Nach dem Login kopieren

Haben Sie es nach dem Studium dieses Artikels gelernt? Beeilen Sie sich und probieren Sie es aus.

Verwandte Empfehlungen:

Implementierung der Bildlaufleiste innerhalb von div, um nach unten und oben zu scrollen

Festlegen der Eigenschaften und des Stils der DIV-Bildlaufleiste Einführung in Methoden

Detaillierte Erläuterung von Beispielen für die Beurteilung von Browsern durch js und Hack-Bildlaufleisten

Das obige ist der detaillierte Inhalt vonBeispiel für die Standard-Div-Bildlaufleiste unten und ganz rechts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!