去通过滚动车在iPad上

Question

实例来#ID：http://bit.ly/LWZv42

编码与动画滚动用于导航一个页面布局。一切工作在桌面上都很完美，但在iPad上，您无法通过点击nav 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解雇。