如何创建一个HTML按钮,其作用类似于同一页面上项目的链接？

发布时间：2020-12-14 23:19:13 所属栏目：资源来源：网络整理

导读：我想创建一个HTML按钮,其作用类似于同一页面上项目的链接.因此,当您单击该按钮时,它会重定向到同一页面上的项目. 我怎样才能做到这一点？ (我会将解决方案限制为HTML,CSS和JavaScript,因为目前我没有使用任何其他语言) 当前按钮(Bootstrap)：最佳答案这假

我想创建一个HTML按钮,其作用类似于同一页面上项目的链接.因此,当您单击该按钮时,它会重定向到同一页面上的项目.

我怎样才能做到这一点？ (我会将解决方案限制为HTML,CSS和JavaScript,因为目前我没有使用任何其他语言)

当前按钮(Bootstrap)：


最佳答案
这假设您不是在谈论向下滚动到常规锚点,而是想要滚动到页面上的实际HTML元素.
我不确定jQuery是否适合你,但如果你使用Bootstrap,我想它确实如此.如果是这样,您可以绑定到按钮的“单击”事件,并在那里放置一些javascript代码来处理滚动.通常,您可以使用“data”属性(例如data-scroll =“my-element-id”)将链接/按钮与要滚动到的元素相关联.
如果没有jQuery,你必须创建一个包含所描述代码的函数,并放入一个引用你的函数的onclick属性,并将“this”作为参数传递给你的函数,这样你就可以获得对该链接的引用/ button元素调用它.
要使用实际滚动到相应元素的代码,请查看以下文章：
How to go to a specific element on page?
没有jQuery的简单示例：


使用jQuery：


注意：如果你真的想要一个“按钮”而不是“链接”,你可以真正使用任何元素并使其可点击,例如：



                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!