communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Javascript实现DIV滚动自动滚动到底部的代码_javascript技巧

Javascript实现DIV滚动自动滚动到底部的代码_javascript技巧

WBOY
Libérer： 2016-05-16 17:55:41
original
1516 Les gens l'ont consulté

查询了一下相关的资料，Div没有自动滚动的属性，只能模拟鼠标的滚动来现实想要的效果。

关键的部分部分在这里：div.scrollTop = div.scrollHeight;

下面是具体实现的精简代码：

复制代码 代码如下:















id name age memo
000001 name1 24 memomemomemomemomemo
000002 name2 23 memomemomemomemomemo
000003 name3 23 memomemomemomemomemo
000004 name4 23 memomemomemomemomemo
000005 name5 23 memomemomemomemomemo
000002 name2 23 memomemomemomemomemo
000003 name3 23 memomemomemomemomemo
000004 name4 23 memomemomemomemomemo
000005 name5 23 memomemomemomemomemo






其实，实现是很简单的但是一般很少有这种需求，期间还是走了一些弯路。
Étiquettes associées：
bas défilement automatique
source：php.cn
Article précédent：服务器端的JavaScript脚本 Node.js 使用入门_javascript技巧 Article suivant：JavaScript版DateAdd和DateDiff函数代码_javascript技巧
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
Derniers articles par auteur
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
Déplacez le contenu vers la gauche en ajoutant la propriété Largeur J'ai prévu des marges au corps. main {gauche marge : 200px ; marge droite : 200px ; aligne...
Depuis 2024-04-06 22:01:35
0
3
816
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...
Depuis 2024-04-06 20:57:16
0
1
487
Comment empiler les éléments flottants verticalement plutôt qu'horizontalement en CSS ? J'essaie de créer une page Web avec deux colonnes, avec le contenu principal d'un côté et ...
Depuis 2024-04-06 20:45:26
0
2
386
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal