Back to top

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

Forge英文サイト

更新日： 2017-01-31 バージョン： 2.0.4 作者： Tiago Flor Platform： 10.0.200.2 DB： All スタック： All カテゴリー： Components, Widgets, Plug-ins

概要：

この「トップに戻る」リンクにより、ページの先頭にスムーズにスクロールできます。これは、長いページでウェブサイトのナビゲーションエクスペリエンスを向上させることができます。

詳細：

この「トップに戻る」リンクにより、ページの先頭にスムーズにスクロールできます。これは、長いページでウェブサイトのナビゲーションエクスペリエンスを向上させることができます。要素（デフォルト： "body、html"）スムーズにスクロールして上に移動する要素。スクロール可能な要素を指定するタグ、クラスまたはIDを選択することができます。スクロール可能な ".MainContent"だけの場合は、 ".MainContent"クラスを使用してこの要素に適用します。例：（Tags） - "body、html"例：（Classes） - ".className"例：（ID） - "#elementeId" ElementOffset（デフォルト：300）ブラウザウィンドウのスクロール（ピクセル単位）。その後、「戻る」リンクが表示されます。 ElementOpacity（デフォルト：1200）ブラウザウィンドウのスクロール（ピクセル単位）。その後、「先頭から上へ」のリンク不透明度が減少します。 ElementScrollTopDuration（デフォルト：700）一番上のスクロールアニメーションの長さ（ミリ秒） IconNameId（デフォルト：Entities.IconName.arrow_circle_o_up）トップに戻るarrow icon IconSizeId（デフォルト：Entities.IconSize.Percent_33）トップに戻るアイコンサイズ。 IconColor（デフォルト：Entities.Color.White）アイコンの色に戻る。色（デフォルト：Entities.Color.Orange）上に戻る背景色。 BorderRadius（デフォルト：5px）上に戻るborder-radius。

[Overview]
This "Back to top" link allows users to smoothly scroll back to the top of the page. It's a little detail which enhances navigation experience on website with long pages.

[Detail]
This "Back to top" link allows users to smoothly scroll back to the top of the page. It's a little detail which enhances navigation experience on website with long pages. Element (default: "body,html")Element that is affected by smooth scroll to top. You can choose tags, classes or ID's to specify the element that you want to be scroll-able.Imagine if you have just ".MainContent" scroll-able, you will use ".MainContent" class to apply to this element. E.g: (Tags) - "body,html"E.g: (Classes) - ".className"E.g: (ID's) - "#elementeId" ElementOffset (default: 300)Browser window scroll (in pixels) after which the "back to top" link is shown ElementOpacity (default: 1200) Browser window scroll (in pixels) after which the "back to top" link opacity is reduced ElementScrollTopDuration (default: 700) Duration of the top scrolling animation (in ms) IconNameId (default: Entities.IconName.arrow_circle_o_up) Back to top arrow icon IconSizeId (default: Entities.IconSize.Percent_33) Back to top icon size. IconColor (default: Entities.Color.White) Back to top icon color. Color (default: Entities.Color.Orange) Back to top background color. BorderRadius (default: 5px) Back to top border-radius.

戻る