はじめに

スクロールヒントの表示、ダサいんだよね。
表1の設定を設定すると、端末幅を超えるテーブルが表示された場合にスクロールバーが表示されます。
しかし、デフォルトのスクロールヒントは、デザインが良くないため、本スキンではこれをカスタマイズし、洗練されたデザインに変更しています。
| 設定 | 大項目 | 項目 | 設定値 |
|---|---|---|---|
| 本文 | テーブル設定 | 横幅の広いテーブルは横スクロールする | オン |
変更内容
変更前
ライブラリ「ScrollHint.js」を使用してスクロールヒントが、あまりおしゃれではありません(図1参照)。

変更後
画面幅が834px以下の場合、テーブルの右上にSWELL風のスクロールヒントが表示されます。
この改善により、より洗練されたデザインになります(図2参照)。

注意事項
ライブラリ「ScrollHint.js」のCSS(/plugins/scroll-hint-master/css/scroll-hint.css)は使用しないため、不要なスタイルの読み込みがなくなります。
さいごに
本スキンのカスタマイズにより、スクロールヒントがSWELL風の洗練されたデザインになります。
デフォルトのデザインよりも魅力的になります。

