Sticky Jquery Plugin

※Forge全件データの日本語検索サービスをご利用になりたい場合は、こちらまでお問合せください。

Forge英文サイト

更新日： 2016-12-05 バージョン： 2.0.2 作者： Tiago Flor Platform： 10.0.200.2 DB： All スタック： All カテゴリー： Widgets, Plug-ins

概要：

スティッキーは、ページ上の任意の要素を常に表示できるようにするjQueryプラグインです。

詳細：

スティッキーは、ページ上の任意の要素を常に見えるようにするjQueryプラグインです。簡単にスティッキーターゲット要素が隠れようとしているとき、プラグインはclassNameクラスを親クラスとして追加し、ラッパーをその親クラスとして追加し、position：fixedに設定し、要素の高さに基づいて新しいトップを計算します。スペースとスペースのオプション。 topSpacing :(デフォルト：0）ページ上部と要素の上部の間のピクセル。 bottomSpacing :(デフォルト：0）ページの下部と要素の下部の間のピクセル。 className：（デフォルト： 'is-sticky'）要素のラッパーにCSSクラスが追加されました。 wrapperClassName：（デフォルト： 'sticky-wrapper'） CSSクラスがラッパーに追加されました。 center：（デフォルト：false）スティッキー要素がページ内で水平にセンタリングされるべきかどうかを決定するブール値。 getWidthFrom：（デフォルト： ''）固定要素の固定幅を設定する要素のセレクタ。 widthFromWrapper：（デフォルト：true）ラッパーのwidth.Wrapperに一致するように "sticky"要素の幅を更新する必要があるかどうかを決定するブール値。固定されている間は固定要素のプレースホルダであり、その幅はコンテキストとCSSの規則に依存します。 longgetWidthFormが設定されていない場合にのみ動作します。 responsiveWidth :(デフォルト：false）ウィンドウのサイズ変更時に幅を再計算するかどうかを決定するブール値です（getWidthfromを使用）。 zIndex :(デフォルト：auto）固定された要素のZ-インデックスを制御します。

[Overview]
Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

[Detail]
Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible. Sticky in brief When the target element is about to be hidden, the plugin will add the class className to it (and to a wrapper added as its parent), set it to position: fixed and calculate its new top, based on the element's height, the page height and the topSpacing and bottomSpacing options. topSpacing: (default: 0) Pixels between the page top and the element's top. bottomSpacing: (default: 0) Pixels between the page bottom and the element's bottom. className: (default: 'is-sticky') CSS class added to the element's wrapper when "sticked". wrapperClassName: (default: 'sticky-wrapper') CSS class added to the wrapper. center: (default: false) Boolean determining whether the sticky element should be horizontally centered in the page. getWidthFrom: (default: '') Selector of element referenced to set fixed width of "sticky" element. widthFromWrapper: (default: true) Boolean determining whether width of the "sticky" element should be updated to match the wrapper's width.Wrapper is a placeholder for "sticky" element while it is fixed (out of static elements flow), and its width depends on the context and CSS rules. Works only as longgetWidthForm isn't set. responsiveWidth: (default: false) Boolean determining whether widths will be recalculated on window resize (using getWidthfrom). zIndex: (default: auto) controls z-index of the stickied element.

戻る