在iPad / iPhone上为window.scrollTo

Question

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

在iPad和iPhone上可以正常使用。 但是，如果我更改设备的方向，则不会定位。

我已经运行测试以检查代码是否在方向更改上运行。 “调整大小”选项正确触发，并且输出“ 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();

});

有谁知道什么原因不会导致方向改变？

Answer 1

试试你的连接winResize处理函数的orientationchange事件也是如此。 请参阅MDN文档 。