0 
function iScrollLoaded()
{
//(function($){
    myScroll = new iScroll('wrapper',
    {
        hideScrollbar:true,
        hScroll:false,
        bounce:true,
        lockDirection:true,
    });
//})(jQuery)
}
document.addEventListener('DOMContentLoaded', iScrollLoaded, false);

iScrollページからこれで画面を左右にドラッグできなくなるかどうかはわかりますが、効果がないようです。スクロールラッパーが左右にドラッグしないようにする方法はありますか、それとも間違っていますかここ？

使用中の HTML の基本的な例。

<div id="page">
    <div id="header" class="clearfix">
        <div class="header_logo">
            <a href="domain.com/" title="domains">
                <img src="/logo_600.png" style="border:none;" alt="">
            </a>
        </div>
    </div><!-- /header -->
    <!-- sub_nav -->
    <!-- /sub_nav -->
    <div id="wrapper" class="no_snav">
        <div id="scroller" class="overthrow">   
        <div>This profile is currently unavailable or does not exist.</div>
        <div id="geolocation_latlng" style="visibility:hidden;"></div>
        </div><!-- /scroller -->
    </div><!-- /wrapper -->
</div><!-- /page -->
4

1 に答える 1

1

これがコード ブロックです。ここでは を指定しますhScroll:false。これは、水平スクロールを無効にすることを意味します。作ってhScroll:true確認。

あなたのコード

function iScrollLoaded()
{
//(function($){
    myScroll = new iScroll('wrapper',
    {
        hideScrollbar:true,
        hScroll:false, /* THIS SHOULD BE TRUE FOR HORIZONTAL SCROLLING */
        bounce:true,
        lockDirection:true,
    });
//})(jQuery)
}
document.addEventListener('DOMContentLoaded', iScrollLoaded, false);
于 2013-05-03T04:45:30.977 に答える