繁体   English   中英

ipad上的jquery滚动问题

[英]jquery scroll issues on ipad

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM