0

例: http://bit.ly/LWZv42

Nav のアニメーション スクロールを使用した 1 ページ レイアウトのコーディング。デスクトップではすべてが完璧に機能しますが、iPad ではナビゲーション リンクをクリックして前後に移動することはできません。ナビゲーション リンクをクリックしてページを少し上下にスクロールすると機能することに気付きました。

function init_siteNav(){

    function goToByScroll(id){
        $('html,body').animate({scrollTop: $(id).offset().top},'slow');
    }

    $('.siteMenu li.home a').click(function(){
        goToByScroll('body');
        return false;
    });

    $('.siteMenu li.clients a').click(function(){
        goToByScroll('#portfolioWrap');
        return false;
    });

    $('.siteMenu li.contact a').click(function(){
        goToByScroll('#contactMapHolder');
        return false;
    });
}

助言がありますか？

4

1 に答える 1

0

HREF の代わりに LI 要素のクリックをトリガーしてみてください。HREF 要素は、iPad の指には少し小さいかもしれませんが、LI が生成する物理領域が大きいほど、より良い結果が得られる可能性があります。

クリック イベントにアラートを配置して、iPad によってトリガーされていることを確認します。

于 2012-07-09T13:06:12.803 に答える