ipad - 在 iPad 上通过滚动车转到#id

Question

示例：http ://bit.ly/LWZv42

使用导航的动画滚动编码一页布局。一切都在桌面上完美运行，但在 iPad 上，您根本无法通过单击导航 li 链接来回切换。我注意到，如果您单击导航链接，然后向下/向上滚动页面，它将起作用。

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;
    });
}

有什么建议么？

Answer 1

尝试触发点击 LI 元素而不是 HREF。HREF 元素对于 iPad 上的手指来说可能有点小，LI 产生的更大物理区域可能会给你更好的结果。

将警报放在点击事件中以确保它们被 iPad 触发。