iscroll - iScroll 4 固定メニュー、ページの残りをスクロールできない

Question

水平方向の固定位置メニューに iScroll を使用しています。うまく機能しますが、モバイル ブラウザーでページの残りの部分を垂直方向にスクロールできません。PC/Mac のサイズ変更されたブラウザー ウィンドウでは問題なく動作しますが、モバイルではうまく動作しません。iPhone では Safari を、Android では Chrome を、Dolphin を試してみました。

ページをスクロールさせる方法はありますか?

vScroll、hScroll などのオプションを試しましたが、問題を解決できませんでした。

<nav id="mainNav">
    <ul class="pagesIcons bottom">
        <li style="background-color:#000000" class="active selected current youarehere">
            <a href="#" class="inner">
                <div class="buttonIcon">
                    <img src="/content/icons/002.png">
                </div>
                <div class="buttonText">
                    Homepage
                </div>
            </a>
        </li>
        <li style="background-color:#383838" class="">
            <a href="#" class="inner">
                <div class="buttonIcon">
                    <img src="/content/icons/002.png">
                </div>
                <div class="buttonText">
                    Gallery
                </div>
            </a>
        </li>
        <li style="background-color:#5c5c5c" class="">
            <a href="#" class="inner">
                <div class="buttonIcon">
                    <img src="/content/icons/004.png">
                </div>
                <div class="buttonText">
                    Events
                </div>
            </a>
        </li>
        ........
    </ul>
</nav>

私はそれを初期化しています:

var myScroll;
function loaded() {
    myScroll = new iScroll('mainNav', {
        bounce: false
    });
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

document.addEventListener('DOMContentLoaded', loaded, false);