简体   繁体   English

记住从第二个导航回第一页时的滚动位置

[英]Remember scroll position on navigating back to first page from second one

if we are having a page which is loading content by ajax on scrolling to bottom,if we click on any link on scrolling down to some position on page and navigate to next page.And when from next page,I press the button ,i want the page to go to same position from where i cliked. 如果我们有一个页面在滚动到底部时通过ajax加载内容,如果我们单击向下滚动到页面上某个位置的任何链接并导航到下一页。当从下一页开始时,我按下按钮,我想要页面从我喜欢的地方转到相同的位置。 Please guide me how it can be done. 请指导我如何完成。

On navigating to second page you can send position via QueryString and get that queryString on another page using javascript and vice versa similarly.Lets say you navigated on page2 like 'page2.html?position=44' Here is the code to get queryString: 导航到第二页时,您可以通过QueryString发送位置信息,并使用javascript来获取该查询字符串在另一页上的内容,反之亦然。假设您在page2上进行了导航,例如'page2.html?position = 44',这是获取queryString的代码:

JavaScript: JavaScript:

function getQueryString(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

Usage: var position = getQueryString('position'); 用法: var position = getQueryString('position');

Hope this helps. 希望这可以帮助。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 从第二页导航回第一个 php 页面未在第一页中显示正确的 div - Navigating back from second page to first php page not showing correct divs in first page 从弹出窗口返回后重新加载并记住滚动位置 - Reload and remember the scroll position after coming back from popup 如何记住滚动 position 并向后滚动 - How to remember scroll position and scroll back 单击返回按钮时如何记住上一页的滚动 position - how to remember previous page's scroll position when click back button 仅在同一页面时记住滚动位置 - Remember scroll position only if it is the same page Phonegap:导航回首页后在首页上丢失数据 - Phonegap : losing data on first page after navigating back to first page 比较第一个数组中的元素位置与第二个数组中的数字 - compare element position from first array with number from second one Vue路由器保存滚动position在路线和go回到那个position导航回来时? - Vue Router save scroll position on a route and go back to that position when navigating back? 平滑页面滚动 - 第一次点击滚动到错误的位置。 第二个链接工作正常 - Smooth Page Scroll - First click scrolls to wrong position. Second link works just fine 导航离开然后返回页面时,我如何记住一个React-Router URL参数? - How do I remember a React-Router URL parameter when navigating away and then back to a page?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM