テーブルスクロールヒントを変更

追加機能
この記事は約1分で読めます。
記事内に広告が含まれています。

はじめに

スクロールヒントの表示、ダサいんだよね。

表1の設定を設定すると、端末幅を超えるテーブルが表示された場合にスクロールバーが表示されます。

しかし、デフォルトのスクロールヒントは、デザインが良くないため、本スキンではこれをカスタマイズし、洗練されたデザインに変更しています。

Cocoon設定
設定大項目項目設定値
本文テーブル設定横幅の広いテーブルは横スクロールするオン

変更内容

変更前

ライブラリ「ScrollHint.js」を使用してスクロールヒントが、あまりおしゃれではありません(図1参照)。

変更前

変更後

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

変更後

注意事項

ライブラリ「ScrollHint.js」のCSS(/plugins/scroll-hint-master/css/scroll-hint.css)は使用しないため、不要なスタイルの読み込みがなくなります。

さいごに

本スキンのカスタマイズにより、スクロールヒントがSWELL風の洗練されたデザインになります。
デフォルトのデザインよりも魅力的になります。

タイトルとURLをコピーしました