Maison > interface Web > js tutoriel > Comment définir la position de la barre de défilement en javascript

Comment définir la position de la barre de défilement en javascript

coldplay.xixi
Libérer: 2023-01-05 16:13:22
original
14271 Les gens l'ont consulté

Comment définir la position de la barre de défilement en JavaScript : 1. Mettez la barre de défilement verticale en haut, le code est [(window.scrollTo(0,0);]]; 2. Mettez la barre de défilement verticale barre en bas, le code est [window .scrollTo(0,document.body.scrollHeight)] >

Comment définir la position de la barre de défilement en JavaScript :

Comment définir la position de la barre de défilement en javascript

JS. contrôle la position de la barre de défilement :

window.scrollTo(x,y);
Copier après la connexion

La barre de défilement verticale est en haut (window.scrollTo(0, 0);

La barre de défilement verticale est définie en bas window.scrollTo (0,document.body.scrollHeight)

JS contrôle la barre de défilement TextArea pour qu'elle défile automatiquement vers le bas

document.getElementByIdx_x('textarea').scrollTop = document.getElementByIdx_x('textarea').scrollHeight
Copier après la connexion

Obtenir la distance depuis le haut de la barre de défilement

function getScrollTop(){
var scrollTop=0;
if(document.documentElement&&document.documentElement.scrollTop){
scrollTop=document.documentElement.scrollTop;
}else if(document.body){
scrollTop=document.body.scrollTop;
}
return scrollTop;
}
Copier après la connexion

Recommandations d'apprentissage gratuites associées :

Tutoriel vidéo javascript

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