Exemple des barres de défilement div inférieures et les plus à droite par défaut-js tutoriel-php.cn

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

2451 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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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