如何使用 scrollToElement 转到新页面并滚动到特定 div答案

【问题标题】：How to go to new page and scroll to a particular div using scrollToElement如何使用 scrollToElement 转到新页面并滚动到特定 div
【发布时间】：2013-09-14 03:25:34
【问题描述】：

您好，我正在使用 Jquery scrollToElement 滚动到页面上的特定 div（它是单页布局），但现在有一个新页面。我想知道如何使用相同的导航返回旧页面并滚动到特定的 div 我使用 index.html#div 吗？

【问题讨论】：

标签： javascript jquery html jscrollpane smooth-scrolling

【解决方案1】：

编写一个用于滚动到特定 div 的通用函数，例如 scroll_me()，然后您可以通过在文档就绪函数上传递 div id 来调用该函数

例子

function scroll_me(id){
  id = id.replace("link", "");
  // Scroll
  $('html,body').animate({
    scrollTop: $("#"+id).offset().top},
  'slow');
}

你可以调用这个函数

$( document ).ready(function() {
    scroll_me('particulardiv');
});

【讨论】：

完全正确 - 为了控制你去哪个 DIV，你可以通过填充 URL 来做到这一点。 $("document").ready(function() { if(window.location.href.indexOf("go") > -1) { //转到第一个 div } ...etc });
我正在使用此功能，但我需要知道如何转到另一个页面然后滚动
你可以使用 window.location.href = "yourpage.html";然后你可以在 yourpage.html 中调用 $( document ).ready 中的上述函数

【解决方案2】：

你应该在#div之前加上斜线

index.html/#div

【讨论】：

代码在netzed.ca/unit.html，导航需要回到netzed.ca并滚动到特定的div
比使用http://netzed.ca/#particulardiv 或只使用index.html/#particulardiv 但如果这是您所要求的，则无法在新页面上平滑滚动。
这将我带回页面，但仍然没有 div