Heim > Artikel > Web-Frontend > Beispiel für die Standard-Div-Bildlaufleiste unten und ganz rechts

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

小云云Original: 2017-12-21 09:38:332415Durchsuche

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erklärung von js, um festzustellen, ob der Inhaltsbereich nach unten gescrollt wirdNächster Artikel：Detaillierte Erklärung von js, um festzustellen, ob der Inhaltsbereich nach unten gescrollt wird

In Verbindung stehende Artikel

Mehr sehen