Maison > interface Web > js tutoriel > Exemple des barres de défilement div inférieures et les plus à droite par défaut

Exemple des barres de défilement div inférieures et les plus à droite par défaut

小云云
Libérer: 2017-12-21 09:38:33
original
2513 Les gens l'ont consulté

Il est obligatoire que lors de l'affichage de la boîte de discussion, la taille de la zone fixe soit de 300 px en hauteur et de 50 px en largeur. Ensuite, lorsque le contenu du chat dépasse la largeur ou la hauteur, une barre de défilement apparaîtra et la verticale. la barre de défilement doit être par défaut vers le bas, de sorte que Pour afficher les dernières nouvelles, la barre de défilement horizontale est généralement la plus à gauche par défaut. Cet article partagera avec vous un exemple de code pour implémenter la barre de défilement p par défaut la plus basse et la plus à droite. très concis et a une bonne valeur de référence. J'espère qu'il sera utile à tout le monde.


<!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>
Copier après la connexion

L'avez-vous appris après avoir étudié cet article ? Dépêchez-vous et essayez-le.

Recommandations associées :

Implémentation de la barre de défilement interne du div défilant vers le bas et les fonctions du haut

Définition des attributs de la barre de défilement DIV et styles Introduction aux méthodes

Explication détaillée d'exemples de navigateurs de jugement js et de barres de défilement hack

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal