【问题标题】:Scrolling with $.scrollTop(0) desn't work correctly on iPhone Safari. Sometimes使用 $.scrollTop(0) 滚动在 iPhone Safari 上无法正常工作。有时
【发布时间】:2012-12-06 10:46:03
【问题描述】:

我有一个响应式网站,在 iOs Safari 浏览器上遇到问题,在通过 ajax 切换页面后滚动到页面顶部。

有时有效,有时无效。

我使用以下函数滚动到顶部:

    setTimeout(function() {
       $('.mydiv').scrollTop(0);
    },1)

也许这部分与我的问题有关。我在 iOS 设备上隐藏了地址栏。

    function hideAddressBar() {
        if( navigator.userAgent.match( /(iphone|ipod)/i ) ) {

            document.documentElement.style.overflow = 'scroll';
            document.body.style.height = '120%';
            $(".mydiv").height('120%');

        }
    }

它在桌面浏览器上完美运行。

$(window).scrollTop(0) 是没有选择的。

【问题讨论】:

  • 你应该使用 $(window).scrollTop(0) 吗?
  • 我不能分享链接,因为它是给客户的,还没有公开。 $(window).scrollTop(0) 是没有选择的。我试过这个。我在 mydiv 中滚动。

标签: javascript iphone ios safari responsive-design


【解决方案1】:
document.getElementById('mydiv').scrollIntoView();

【讨论】:

    猜你喜欢
    • 2011-03-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-22
    • 1970-01-01
    相关资源
    最近更新 更多