javascript - 转到单击事件 jquery 上的 anchor 链接

标签 javascript jquery html hyperlink anchor

正如描述所说,我在 java 脚本中发现了很多关于平滑滚动和 location 属性的东西,但似乎没有做我正在寻找的东西,它只是模仿 html“a”标签的功能(我需要不要为这个项目使用 html 链接标签)

最佳答案

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

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

这个脚本可以完成工作

P.S #bottom_id 是您要滚动到的元素的 ID。 或 anchor 链接:

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

脚本:

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

关于javascript - 转到单击事件 jquery 上的 anchor 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41624778/

相关文章:

javascript - 为什么 JS 使用科学(指数)表示法?

javascript - 使用带有自定义组件的 redux-form react JS

javascript - IndexedDB 游标 .onsuccess 作为 promise

jquery - 显示/隐藏多个 div 而不使用数值

javascript - 如何检查是否选择了单选按钮之一?

javascript - RichFaces extendedDataTable 滚动条在调整屏幕大小后才会显示

javascript - 对数组进行重复数据删除并按最常出现的次数对数组进行排序(使用 LoDash)

javascript - 在 Opera 中使用 jquery 为元素分配动态光标样式

javascript - Javascript 中的 iOS 滑动删除按钮?

html - 在 CSS 中将所有类转换为内联的最简单方法