Question

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

brcmfmac

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

PHP保持滚动位置

1 个答案: