我想创建一个HTML按钮,其作用类似于同一页面上项目的链接.因此,当您单击该按钮时,它会重定向到同一页面上的项目.
我怎样才能做到这一点? (我会将解决方案限制为HTML,CSS和JavaScript,因为目前我没有使用任何其他语言)
当前按钮(Bootstrap):
最佳答案
这假设您不是在谈论向下滚动到常规锚点,而是想要滚动到页面上的实际HTML元素.
原文链接:https://www.f2er.com/html/426813.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:
注意:如果你真的想要一个“按钮”而不是“链接”,你可以真正使用任何元素并使其可点击,例如: