ホームページ  >  記事  >  ウェブフロントエンド  >  js または jq を使用してスクロール バーを設定し、メソッド共有を実現します

js または jq を使用してスクロール バーを設定し、メソッド共有を実現します

小云云
小云云オリジナル
2018-03-14 17:35:321867ブラウズ


jsネイティブメソッドscrollTojsネイティブ設定<code style="font-size: 14px;"><span style="font-size: 14px;">x</span>轴和<span style="font-size: 14px;">y</span>轴就一个方法,首先获取到<span style="font-size: 14px;">dom</span>对象,然后设置位置即可,

dom.scrollTo(x,y); //x为水平方向的滚动条位置,y为垂直方向的滚动条位置

如果只想设置y轴的滚动条位置,首先需要获取到当前x轴的滚动条位置,然后再设置yx

axisと

<p> y</p>

軸のメソッドは 1 つだけあり、まず

<p>dom</p>

オブジェクトを取得し、次に位置を設定します。

dom.scrollTo(dom.scrollLeft, 100); 
//设置y轴滚动一百像素dom.scrollTo(100, dom.scrollTop);
//设置x轴滚动一百像素
if y 軸のスクロール バーの位置を設定したいだけの場合は、まず現在の x 軸のスクロール バーの位置を取得する必要があります。 y 軸を設定します (例:

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

jq メソッドjq の関連メソッドは、x 軸を設定します

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

y 軸を設定しますrrreee 関連する推奨事項:

🎜🎜方法スクロール バーが下にスライドしたときに、より多くのコンテンツを自動的に読み込むようにします🎜🎜🎜🎜スクロール バー スタイルのメソッドを変更する🎜🎜🎜🎜jQuery を使用して Web ページのスクロール バーを削除する方法🎜🎜

以上がjs または jq を使用してスクロール バーを設定し、メソッド共有を実現しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。