javascript - iPadでのjqueryスクロールの問題

Question

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

上記のリンクは、スクロール位置に応答するアクティブ状態に関して、多かれ少なかれ探しているものです。

しかし、iPadでこれを試してみると、アクティブな状態が特定の場所に固執し、ボタンをタップして純粋にナビゲートしようとすると、最初のタップ後にスクロールが停止します。

iPadの問題のこれに対する修正を知っている人はいますか?

Answer 1

すべてのブラウザーでスクロールを行うソリューションが 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);
        }
    });
});​