小编Tre*_*ily的帖子

页内锚标记在 FF / Safari 中不起作用

I have a nav bar structured as follows:

<template>
  <div>
    <div>
      <ul>
        <li>
          <a href = "#contact">Contact</a>
        </li>
        <li>
          <a href = "#toAbout" >About</a>
        </li>
        <li>
          <a href = "#toProperties">Properties</a>
        </li>
        <li>
          <a href = "#toHome">Home</a>
        </li>
      </ul>
    </div>

    <div style="height: 1000px">
    </div>

    <p id="contact">
    Contact
    </p>
    <p id="toAbout">
    About
    </p>
    <p id="toProperties">
    Properties
    </p>
    <p id="toHome">
    Home
    </p>
  </div>
</template>
<script>
</script>
<style>
</style>
Run Code Online (Sandbox Code Playgroud)

如果我在 Chrome 中单击锚点,它工作得很好,但 FF/Safari 需要双击(第一次单击将 URL 更改为 /home#id,第二次单击将它们带到 id。

基本 HTML ( https://jsfiddle.net/370bvmb5/1/ )的小提琴正在工作,所以我猜这是一个 Vue-Router …

vue.js vue-router

2
推荐指数
1
解决办法
399
查看次数

标签 统计

vue-router ×1

vue.js ×1