ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jqueryでのscrollLeft()メソッドの使用例

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

WBOY
リリース: 2016-05-16 16:19:55
オリジナル
1123 人が閲覧しました

この記事の例では、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/

から転載されました。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート