在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文檔 。