當提交表單時，保持位置的Javascript

Question

我的表單在頁面的頁腳（更多頁面），我需要javascript來保持表單在頁面刷新時的滾動位置。

我嘗試這樣做：

<input type="submit" onclick="myunction()" value="Send" name="submit" class="submitsub"> 

<script type="text/javascript"> 

$(window).scroll(function() { 
    sessionStorage.scrollTop = $(this).scrollTop(); 
}); 

$(document).ready(function() { 
    if (sessionStorage.scrollTop != "undefined") { 
    $(window).scrollTop(sessionStorage.scrollTop); 
    } 
}); 


function myunction(){ 
    $("form").submit(); 
} 
</script> 

但是這個劇本總是發送位置到另一個頁面，所以頁面滾動不點擊按鈕。

Answer 1

因爲您的代碼沒有檢查以防止它在頁面上。

$(document).ready(function() { 
    if (window.location.href === 'urlWhereYouWantItToRun' && sessionStorage.scrollTop != "undefined") { 
    $(window).scrollTop(sessionStorage.scrollTop); 
    } 
}); 

備用方法可以是在新頁面加載時從sessionStorage中刪除值。

您可以通過在頁面加載刪除值：

window.onload = function() { 
delete sessionStorage.scrollTop; 
} 

所以，總結了所有的方法：

// Page 1 
$(document).ready(function() { 
    if (window.location.href === 'urlWhereYouWantItToRun' && sessionStorage.scrollTop != "undefined") { 
     $(window).scrollTop(sessionStorage.scrollTop); 
    } 
}); 


// Page 2, and not on page 1 
window.onload = function() { 
    delete sessionStorage.scrollTop; 
}; 

window.onbeforeunload = function() { 
    delete sessionStorage.scrollTop; 
    return; 
}