Maison  >  Article  >  interface Web  >  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

小云云
小云云original
2018-03-14 17:35:321919parcourir


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为垂直方向的滚动条位置
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轴滚动一百像素
actuel, puis définir l'axe

, tel que :

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

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

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

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!

Déclaration:
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