javascript - 如何使用流畅的动画 adobe edge 滚动到 anchor

Question

我找不到这个看似简单的答案。我试图让我网站上的动画按钮滚动到我网站上的一个 anchor (它只是一个大页面)

我目前在 edge 的代码片段框中的代码不起作用。这有点令人沮丧，因为使用 edge 你不能完全确定你的代码在最终结果中的位置。

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


//want it to scroll to #Main

edge 中的大部分代码都是从以下内容开始的:

sys.someAction()

如果您想查看我正在尝试做的事情，请访问我的网站: www.daniellachman.com

谢谢!

编辑:这是完整的代码片段，随下面提供的代码一起提供:

  //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');
}

参数是你要滚动到的 anchor 的名字(不是id而是名字)

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