Question

加载后，我将用户定位滚动到'＃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();

});

有没有人知道为什么这不会触发方向改变？

Answer 1

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

window.scrollTo在iPad / iPhone方向

1 个答案: