iPad 上的 jquery 滚动问题

jquery scroll issues on ipad

本文关键字：问题 滚动 jquery 上的 iPad      更新时间：2023-09-26

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

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

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

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

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

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

    $("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);
        }
    });
});​
相关文章：