iPad使用JQuery和Scrollto插件自动滚动闪烁

Question

对于我正在开发的页面,iOS平台有一点奇怪的问题. 这是有问题的页面.单击任何案例研究图像时,页面将首先取消隐藏所需的案例研究,然后滚动到该页面.

这适用于Windows和Mac上的所有桌面浏览器,但在iPhone和iPad上,当它向下滚动时会出现可怕的闪烁.

不太确定如何调试或修复此问题.

任何想法都会有很大的帮助!

谢谢,沙迪

更新1

最新页面可以在这里找到.仍然没有找到解决方法 - 如果有人有任何想法,那将是惊人的!

Answer 1

如果只需要垂直滚动,则可以使用{'axis':'y'}scrollTo方法作为设置.

$.scrollTo(*selector*, *time*, {'axis':'y'});

Answer 2

你试过这个:

$('a[href=#target]').
    click(function(){
        var target = $('a[name=target]');
        if (target.length)
        {
            var top = target.offset().top;
            $('html,body').animate({scrollTop: top}, 1000);
            return false;
        }
    });

Answer 3

您需要添加e.preventDefault();到每个.click()调用中。这可以防止浏览器的默认操作，即停留在同一位置。希望这可以帮助！
IE

$("#quicksand li, .client-list li").click(function (e) {
  e.preventDefault();
  ...
});