[WordPress]「Infinite scroll」がiPhoneで動作しない時の対処方法

WordPressで記事の読み込みを無限ロード出来るプラグイン「Infinite scroll」。

PCでは問題ないのですが、iPhoneでは動作しませんでした。

いや、正しく言うとiPhoneではピンチ(拡大)をすれば動作するといった感じです。

 

調べた所、Githubでも議論されてました。

Best way to handle iPhone · Issue #3 · paulirish/infinite-scroll
https://github.com/paulirish/infinite-scroll/issues/3

ここで提示されていたのが「bufferPx」の値を変更する方法です。

 

まず下記の位置にあるjsファイルを開きます。

/wp-content/plugins/infinite-scroll/js/front-end/jquery.infinitescroll.js

ファイルの中にあるbufferPx:40の数値を以下のように大きくします。

 

自分は300にしましたが100くらいから動きましたので適宜調整してください。

bufferPx:300

以上。無事iPhoneでも動作しました。

 

ただ、プラグインがアップデートすると対応できないと思うので注意してください。

この記事を書いた人:

ナカシマ

北区赤羽在住のWEBデザイナー兼エンジニア。インターネット、WordPress、本・漫画、音楽が大好き。妻と猫と暮らすアップル信者。

BLOG: 着ぐるみ追い剥ぎペンギン