主页 / 问题 / 863464
Accepted
Nice
Asked:2020-08-02 18:41:55 +0800 CST2020-08-02 18:41:55 +0800 CST

与存根链接

  • 772

如何使当您单击带有存根的链接时，例如在页面中间，它不会跳转到页面的最顶部？使页面上的位置保持在那个位置。

.middle {
  margin-top: 400px;
}
<ul class="middle">
  <li><a href="#">Почтовые коробки оригинальные</a></li>
  <li><a href="#">Почтовые коробки бурые</a></li>
  <li><a href="#">Почтовые коробки бурые с бланком</a></li>
</ul>

html

3 个回答

  1. Best Answer

    添加“onclick”属性

    <a href="#" onclick="return false;">текст</a>


    .middle {
  margin-top: 400px;
}
    <ul class="middle">
  <li><a href="#" onclick="return false;">Почтовые коробки оригинальные</a></li>
  <li><a href="#" onclick="return false;">Почтовые коробки бурые</a></li>
  <li><a href="#" onclick="return false;">Почтовые коробки бурые с бланком</a></li>
</ul>

    • 4

  2. 删除属性href，如果href需要，可以添加onclick="return false;".

    链接通常被创建为链接或锚点，或者在开发的早期阶段还没有关系。

    如果你需要一个按钮之类的东西来执行一个事件，那么没有必要用一个标签来做a，你可以拿一个标签span为例，给它添加样式

    .middle {
  margin-top: 400px;
}
    <ul class="middle">
  <li><a href="#" onclick="return false;">Почтовые коробки оригинальные</a></li>
  <li><a href="#" onclick="return false;">Почтовые коробки бурые</a></li>
  <li><a href="#" onclick="return false;">Почтовые коробки бурые с бланком</a></li>
</ul>

    • 2

  3. 您可以更改属性的值href="#!

    .middle {
  margin-top: 400px;
}
    <ul class="middle">
  <li><a href="#!" onclick="return false;">Почтовые коробки оригинальные</a></li>
  <li><a href="#!" onclick="return false;">Почтовые коробки бурые</a></li>
  <li><a href="#!" onclick="return false;">Почтовые коробки бурые с бланком</a></li>
</ul>

    • 0

相关问题