1. ホーム
  2. 使い方 Blocs
  3. 設計
  4. 横スクロールエリア

横スクロールエリア

水平スクロール コンテナを使用すると、コンテナ内のコンテンツを垂直方向ではなく水平方向に積み重ねて配置できます。 スクロール コンテナの幅は親の幅によって決まります。つまり、スクロール コンテナの幅は、非表示のコンテンツにアクセスできることを意味します。 横スクロール またはナビゲーションを使用して とレーザー コンテンツ領域をスクロールするボタン。


初心者向けのヒント

水平スクロール コンテナの高さは、そのコンテナ内の最大の子要素の高さに基づいて計算されます。

水平スクロールを有効にする

加える コンテナ div ブリック Web サイトのレイアウトおよびサイドバー インスペクターから type ドロップダウンメニュー、選択 水平スクロール.

スクロールコントロール

横スクロールコンテナタイプを使用する場合、 Blocs ユーザーが水平スクロール領域内のコンテンツをナビゲートできるように設計されたいくつかのユーザー インターフェイス コントロールが自動的に実装されます。 次のオプションを使用して、これらのナビゲーション コントロールをカスタマイズできます。

コントロールサイズ

スクロール コントロール ボタンには XNUMX つのサイズ オプションがあります デフォルト とレーザー コンパクトを選択します。 デフォルト オプションでは、水平スクロール領域に標準サイズのナビゲーション ボタンが表示され、 コンパクト オプションを使用すると、これらのボタンのサイズが小さくなります。

ボタンの色

デフォルトでは、水平スクロールコンテナのナビゲーションボタンは暗い半透明色です。 これらのボタンの塗りつぶしの色は、ラベルの色を使用してカスタマイズできます。 ボタン.

アイコンの色

デフォルトでは、水平スクロールコンテナのナビゲーションボタンのアイコンは白色です。 これらのアイコンの色は、ラベルの色を使用してカスタマイズできます。 アイコン.

スクロール修正

ユーザーが水平スクロール領域を手動でスクロールし、スクロール イベントが終了すると、スクロール補正により、スクロール コンテナ内のコンテンツが利用可能なスペースにきちんと配置されるように試行されます。 このオプションはデフォルトで有効になっていますが、ラベルの付いたチェックボックスを使用して無効にすることができます。 スクロール修正.

スクロール コントロールを常に表示する

デフォルトでは、水平スクロール コンテナ コントロールは、マウス カーソルがスクロール可能領域上にある場合にのみ表示されます。 このオプションを有効にすると、ナビゲーション コントロールが常に表示されるようになります。 このオプションはデフォルトでは無効になっていますが、ラベルが付いたチェックボックスを使用して有効にできます。 スクロール コントロールを常に表示する.

12年2023月XNUMX日に更新

この記事は役に立ちましたか?

関連記事