Maison > interface Web > js tutoriel > Utilisez js ou jq pour définir les barres de défilement afin de réaliser le partage de méthodes

Utilisez js ou jq pour définir les barres de défilement afin de réaliser le partage de méthodes

小云云
Libérer: 2018-03-14 17:35:32
original
1933 Les gens l'ont consulté


Méthode native js scrollTojs paramètres natifs <code style="font-size: 14px;"><span style="font-size: 14px;">x</span>xAxis et <span style="font-size: 14px;">y</span><span style="font-size: 14px;">y</span><span style="font-size: 14px;">dom</span>Axis ont une méthode, obtenez d'abord dom

dom.scrollTo(x,y); //x为水平方向的滚动条位置,y为垂直方向的滚动条位置
Copier après la connexion
objet, puis définissez la position,

yxysi vous souhaitez uniquement définir le

axe Pour la position de la barre de défilement, vous devez d'abord obtenir la position de la barre de défilement de l'axe
dom.scrollTo(dom.scrollLeft, 100); 
//设置y轴滚动一百像素dom.scrollTo(100, dom.scrollTop);
//设置x轴滚动一百像素
Copier après la connexion
actuel, puis définir l'axe

, tel que :

méthode jq
$("#id").scrollTop(100);  
//设置y轴滚动条位置为滚动100像素的位置$("#id").scrollTop(); 
//返回当前滚动条y轴的滚动的位置
Copier après la connexion

La méthode associée de jq est, définir l'axe des x

$("#id").scrollLeft(100);  
//设置x轴滚动条位置为滚动100像素的位置$("#id").scrollLeftp();
 //返回当前滚动条x轴的滚动的位置
Copier après la connexion

définir l'axe des y

Recommandations associées :

Comment charger automatiquement plus de contenu lorsque la barre de défilement glisse vers le bas

Comment modifier le style de la barre de défilement

Comment utiliser jQuery pour supprimer la barre de défilement d'une page web

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