jQuery_jqueryでのscrollLeft()メソッドの使用例

この記事の例では、jQuery でのscrollLeft() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、スクロール バーの左側を基準とした一致する要素のオフセットを取得または設定します。

文法構造 1:

scrollLeft() メソッドにパラメーターがない場合、スクロール バーの左側を基準とした一致する要素のオフセットを取得します。

コードをコピー コードは次のとおりです:

$(selector).scrollLeft()

コード例:

コードをコピーします コードは次のとおりです:

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
アラート($("#div1").scrollLeft()); });
})

オフセット値を取得

文法構造 2:

scrollLeft() がパラメーターを受け取る場合、スクロール バーの左側を基準とした一致する要素のオフセットを設定します。

コードをコピー コードは次のとおりです:$(selector).scrollLeft(val)

パラメータリスト:

参数	描述
val	设置水平滚动条左侧偏移量

コード例:

コードをコピーします コードは次のとおりです:

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("#div1").scrollLeft(100); });
});

<ボタン>オフセット値を設定

この記事が皆さんの jquery プログラミング設計に役立つことを願っています。

この記事は Ant Tribe http://www.softwhy.com/

から転載されました。