通过iPad上的滚动小车进入id

通过iPad上的滚动小车进入id,ipad,scroll,responsive-design,animated,Ipad,Scroll,Responsive Design,Animated,例如: 为Nav编码一页布局,带有动画滚动条。桌面上的一切都很完美,但在iPad上,你根本无法通过点击导航键来来回切换。我注意到,如果你点击导航链接,然后向下/向上滚动页面,它就会工作 function init_siteNav(){ function goToByScroll(id){ $('html,body').animate({scrollTop: $(id).offset().top},'slow'); } $('.siteMenu li.h

例如:

为Nav编码一页布局,带有动画滚动条。桌面上的一切都很完美,但在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;
    });
}

有什么建议吗?

尝试触发单击LI元素而不是HREF。HREF元素对于iPad上的一个手指来说可能有点小,LI制作的物理区域越大,效果就越好

在点击事件中添加提醒,以确保iPad正在触发这些提醒