ipad上的jquery滚动问题答案

【问题标题】：jquery scroll issues on ipadipad上的jquery滚动问题
【发布时间】：2012-05-22 16:54:26
【问题描述】：

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

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

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

有人知道针对 ipad 问题的任何解决方法吗？

【问题讨论】：

我已经给出了解决方案，让我知道你的想法。

标签： javascript jquery html ipad scrollto

【解决方案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);
    }
    });
    });

【讨论】：

您好 Yusaf，感谢您的回复。如果用户只想通过点击左侧的按钮进行导航，我已经测试了两者，但似乎都无法在 ipad 上工作。我还注意到这两个示例在移动滚动时不会更新所选类，就像它们在问题中发送的原始链接上所做的那样。我已经阅读过 ipad 会在点击屏幕后将所选内容移到后面，有没有办法禁用它？
老实说，我没有任何线索，我从来没有使用过导航或部分，所以....虽然它可能还有另一个问题，作为锚点。尝试没有任何 jQuery (jsfiddle.net/t9mna/4) 的 html，让我知道滚动是否仍然有效....
不幸的是仍然没有快乐，如果我发现任何东西，我会回帖，干杯老兄。
试试jsfiddle.net/t9mna/5这是我认为可以解决问题的全部

【解决方案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);
        }
    });
});

【讨论】：