转到单击事件jquery上的锚链接答案

【问题标题】：Go to anchor link on click event jquery转到单击事件jquery上的锚链接
【发布时间】：2017-05-28 05:52:56
【问题描述】：

正如描述所说，我在 java 脚本上发现了很多关于平滑滚动和位置属性的东西，但似乎没有什么能做我正在寻找的只是模仿 html“a”标签的功能（我需要请勿在此项目中使用 html 链接标签）

【问题讨论】：

【解决方案1】：

所以我得到的是你想在不使用 html 锚标记的情况下向下滚动到一个元素如果我是对的假设你有一个 html 输入标签

<input type="button" id="top" value="button"/>

这个脚本会做的工作

P.S #bottom_id 是您要滚动到的元素的 id。或锚链接：

<a href="#bottom" id="bottom_id"></a>

脚本：

 $("#top").click(function() {
    $('html, body').animate({
        scrollTop: $("#bottom_id").offset().top
    }, 2000);
});

【讨论】：

【解决方案2】：

jquery方式：

$("body").scrollTop($("[name=elementname]").position().top)

这将获取命名元素的顶部并将滚动顶部位置设置为该位置。

有一个 jquery plug in 可以有效地做到这一点，但如果你想坚持直接使用 javascript，你可以使用 element.scrollTo，如 this previous answer 所述；

可以在Mozilla's site 上找到更好的文档。使用 javascript。

【讨论】：

Jquery 会更方便，T 认为使用“scrollTo”是一个聪明的方法，就像在插件中一样，如果没有其他方法，我想我会这样做像那样，但我希望有另一种方法，比如已经定义的函数可以解决问题，也许是 goToURL() 函数，但谢谢，这当然很有帮助
我使用示例为答案添加了一些风味。不是内置方法，但足够简单。

【解决方案3】：

要让 JQuery 将用户带到与页面不同的 URL（如锚标记），请将 window.location 附加到事件。

例如，这个：

$('#ClickMe').click(function(){ window.location = 'index.php'; });

如果用户点击 ID 为“ClickMe”的元素（例如 ...

【讨论】：