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