ipad上的jquery滚动问题

Question

http://jqueryfordesigners.com/demo/scroll-link-nav.html

上面的链接或多或少是我正在寻找的响应滚动位置的活动状态。

但是，如果在ipad上尝试此操作，活动状态会粘在某些位置并尝试通过点击按钮纯粹导航，它会在第一次点击后停止滚动。

任何人都知道对于ipad问题有任何修复方法吗？

Answer 1

我有一个解决方案可以在所有浏览器上滚动

http://jsfiddle.net/t9mna/1/所有浏览器

$("nav ul li a").click(function(){
   $(".selected").removeClass("selected");
    $(this).addClass("selected");
    var $scrollTo = $($(this).attr("href"));
    $('html, body').animate({
    scrollTop: $scrollTo.offset().top
    }, 500);
});

另一个只是iPad，我没有iPad所以我个人无法测试它所以让我知道它是怎么回事

http://jsfiddle.net/t9mna/3/仅适用于iPad //未经我测试

function isiPad() {
    return navigator.userAgent.match(/iPad/i); 
}


    $("nav ul li a").click(function(){
       $(".selected").removeClass("selected");
        $(this).addClass("selected");
        var $scrollTo = $($(this).attr("href"));
        $(function() {
        if ($(isiPad).length != 1) {
        $('html, body').animate({
        scrollTop: $scrollTo.offset().top
        }, 500);
    }
    });
    });​

Answer 2

    $("nav ul li a").click(function(){
    $(".selected").removeClass("selected");
    $(this).addClass("selected");
    var $scrollTo = $($(this).attr("href"));
    $(function() {
        if ($(isiPad).length != 1) {
            $('html, body').animate({
                scrollTop: $.scrollTo.offset().top //point 
            }, 500);
        }
    });
});​