如何将html中的按钮链接到另一个类/div

2022-04-19 00:00:00 button hyperlink html footer

我有一个1页的网站,如果我点击我的按钮,我如何链接到我的页脚IDFootersite

我的代码:

<div class="openbutton">
    <a href="Footersite">
       <p style="color: white; font-size: 17px;">Contact us</p>
    </a>
</div>

但它不会下降。我如何修复此问题?


解决方案

即使您可以使用锚标记来实现这一点,但这并不是唯一的方法。使用button元素可以实现这一点

HTML按钮

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">
div {
  margin-top: 800px;
  width: 100px;
  height: 100px;
  background: tomato;
}
<button onclick="window.location.href='#abc'">Button</button>
<div id="abc"></div>

DEMO

如果需要锚元素,则

锚定标签

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">
div {
  margin-top: 800px;
  width: 100px;
  height: 100px;
  background: tomato;
}
<a href="#abc">Link</a>
<div id="abc"></div>

相关文章