javascript - PHP 保持滚动位置

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 7 年前。

Improve this question

当我的页面通过点击超链接刷新时如何保持滚动位置？我尝试创建一个超链接，将数量添加到项目并刷新页面。但每次我点击链接我都会回到页面顶部。

 <a href="selectquantity.php?remove='.$id.'" >[-]</a> 

Answer 1

如果想刷新页面，可以使用javascript或jquery来恢复滚动位置。

对于javascript，您可以按照Restoring page scroll position with jQuery的指南进行操作

代码很简单:

var scroll = $(window).scrollTop();
$("html").scrollTop(scroll);

对于jquery，您可以按照how to remember scroll position of page的指南进行操作

代码是:

// When document is ready...
$(document).ready(function() {

// If cookie is set, scroll to the position saved in the cookie.
if ( $.cookie("scroll") !== null ) {
    $(document).scrollTop( $.cookie("scroll") );
}

// When a button is clicked...
$('#submit').on("click", function() {

    // Set a cookie that holds the scroll position.
    $.cookie("scroll", $(document).scrollTop() );

});//end of submit 

});//end of document.ready