Contents of this Article

コンテンツが増えてくると、一覧も複数ページになります。通常、標準のページャーをそのまま使い、スタイルを整えて、、、となると思います。

そこを今風に、ここでは、Facebookのタイムライン表示のようにスクロールに応じて次々に一覧が増えてゆく(無限スクロール)コントロールの設置方法を紹介します。

Views Infinite Scrollモジュールをインストールする

管理 › モジュール

Infinit Scrollモジュールを有効にする
  • Views Infinite Scrollモジュールを有効にします。

Viewsの設定を変更する

管理 › Views ›[対象ディスプレイ]-[編集]

Views設定画面
  • 対象となるViews設定画面を開きます。
  • 「ページャーを使用:XXXXX | YYYYY」の[XXXXX]をクリックし「このビューで使用するページャーを選択」ダイアログを開きます。
    PagerにInfinit scrollを選択
  • 「Infinite Scroll」を選択し[適用]します。
  • 「ページャーを使用:XXXXX | YYYYY」の[YYYYY]をクリックし「ページャーオプション」ダイアログを開きます。表示単位設定
  • [ページごとの件数]に1回単位の表示項目数を入力し[適用]します。
見積りカテゴリ: 
このエントリーをはてなブックマークに追加
Facebook icon
Twitter icon
Google icon