如何滚动到具有平滑动画 adobe 边缘的锚点

Question

我找不到这个看似简单的答案。我正在尝试让我网站上的动画按钮滚动到我网站上的锚点（它只是一个大页面）

我目前在 edge 的代码 sn-p 框中的代码不起作用。这有点令人沮丧，因为使用 edge 你不能完全确定你的代码在哪里被扔到最终结果中。

// insert code for mouse click here
window.scrollTo(0,0);


//want it to scroll to #Main

edge 中的大部分代码都是这样开始的：

sys.someAction()

如果你想看看我正在尝试做什么，这是我的网站： www.daniellachman.com

谢谢！

编辑：这是完整的代码 sn-p，提供以下代码：

  //Edge binding end
  //CUSTOM CODE FROM Monty82
  function scrollToTag(tagName) {
  var myTag = $("a[name='"+ tagName +"']");
  $('html,body').stop(false,false).animate({scrollTop: myTag.offset().top}, 'slow');
}

    //Edge binding end
    //Original Mouse Clicking Function Provided by Edge
  Symbol.bindElementAction(compId, symbolName, "${_newlogoheader}", "click", function(sym, e) {
  // insert code for mouse click here
  //Stuff I added to call custom function above
  sym.scrollToTag("main")


  });

没有用。但我觉得我在正确的轨道上。 www.daniellachman.com

如果有人知道如何查看菜单导航按钮“关于”“联系人”的 javascript，并查看滚动引用的内容。我很想听。

Answer 1

JavaScript/jQuery 中的这个函数可以帮助你：

function scrollToTag(tagName) {
    var myTag = $("a[name='"+ tagName +"']");
    $('html,body').stop(false,false).animate({scrollTop: myTag.offset().top}, 'slow');
}

参数是要滚动到的锚点的名称（不是id，而是名称）。

请注意，该功能是为垂直滚动而设计的，您的网站似乎需要垂直和水平，因此您可能还需要使用scrollLeft。