iPad/iPhone 方向上的 window.scrollTo

Posted 2023-03-14

【中文标题】iPad/iPhone 方向上的 window.scrollTo

【英文标题】：window.scrollTo on iPad/iPhone orientation

【发布时间】：2018-03-14 21:16:09

【问题描述】：

加载后，我将用户滚动到“#gallery-view”元素的顶部。

这在 iPad 和 iPhone 上可以正常工作。但是，如果我更改设备的方向，它不会定位。

我已运行测试以检查代码是否在方向更改时运行。 'resize' 选项正确触发，并且输出了 'test' console.log。

代码如下：

jQuery.noConflict();

function winResize() 

    if ( jQuery('#gallery-view').length ) 

        console.log('test');

        window.setTimeout(function() 
            window.scrollTo(0, jQuery('#gallery-view').offset().top);
        , 0);

    



jQuery(window).on('load', function() 

    jQuery(window).resize(winResize); 
    winResize();

);

有谁知道为什么这不会在方向改变时触发？

【参考方案1】：

尝试将您的 winResize 处理函数也附加到 orientationchange 事件。 See the MDN docs.

【讨论】：

谢谢，但这没有任何区别。