English 中文(简体)
jquery ipad 上的滚动问题
原标题:jquery scroll issues on ipad

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

以上链接或多或少是按滚动位置对滚动状态作出反应的积极状态所期待的。

但是,如果有人在某个IPAD上尝试这个, 在某些地方活跃的州棒, 并试图纯粹通过按下按钮来导航, 它就会停止在第一次点击后滚动。

有谁知道这有什么解决伊巴德问题的办法吗?

最佳回答

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

http://jsfiddle.net/t9mna/1/ all browsers

$("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/ just for iPad //not been tested by me

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




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签