質問: みなさま いつもお世話になっております。 wordpressの無限スクロールを実装中に、意図しない動作ではまりましたので お知恵を拝借したく、質問させていただきます。 ■環境 ネット上のVPSサーバ(LAMP環境) ■やったこと ・wordpress上で、index.phpにページング処理(WP-PageNavi)を入れ ・無限スクロールプラグインをインストール(Infinite Scroll) ・試験用に30件程の記事登録 ■起こったこと 1ウィンドウが最大の場合(1920x1200)の場合、無限スクロールが行われない 2ウィンドウ幅を1000~1200程度の大きさにして、リロードすると、無限スクロールが反応する ■調査した情報 1ウィンドウ幅が1000程度の場合、画面上の要素がブラウザ下に見切れていて、 スクロールを下まで下げる動作が必要。 また、その場合、無限スクロールはうまくいきます。 2ウィンドウ幅が最大の場合、そもそもスクロールバーが表示されない為、 無限スクロールのイベントを発動するきっかけがない。 ■期待する動作と質問事項 ウィンドウ幅が最大の場合にも、無限スクロールをさせたい。 どなたか有識者の方のアドバイスをいただければ幸いです。 どうぞよろしくお願いします。
回答: > > ウィンドウ幅が最大の場合、そもそもスクロールバーが表示されない為、 > > 無限スクロールのイベントを発動するきっかけがない。 > > > 必ずスクロールバーが出るようにしてみるとか。 ``` body { min-height: 120vh; } ``` 【[CSS3] px や % はもう古い? Viewport unitsという新たな単位『vw』,『vh』の使い方 | phiary】