将页面加载到上一个滚动点

时间:2016-03-29 00:22:34

标签: php html

我有一个PHP页面,可以生成一个很长的项目表。一列列出了每个项目(行)可用的操作,其中一项是"删除。"删除记录后,将重新加载整个页面,表格顶部位于屏幕顶部。不过,这很麻烦。如果我删除表格中的一个项目,我希望重新加载滚动到我所在的位置,这样就可以轻松删除下一个项目。实际上,我必须手动向下滚动几次并找到我之前的位置才能删除下一行。

如何让页面的新加载自动滚动到我所在的位置?

我在WordPress中这样做,如果它有任何区别。

1 个答案:

答案 0 :(得分:0)

我为以前的工作做的这种方式是获得" tr"的索引。容纳删除按钮并将其存储到会话存储中。在页面重新加载时,我从会话存储中获取了索引号并滚动到该索引。

//function to set line index on clicking a table row        
    $("table").eq(2).on('click','tr',function () 
        {
            var lineNum = $(this).closest("tr").index();
            sessionStorage.setItem('lineNumber',lineNum);
        });

    //retrieves line index and scrolls to it
    var line_Number=parseFloat(sessionStorage.getItem('lineNumber'));
    $("tr").eq(line_Number)[0].scrollIntoView();    

如果我现在这样做,我可能会使用Ajax并忘记重新加载页面,只需删除内容并将页面保留在原来的位置,而不必担心索引或滚动到它。