Проблемы с ссылками navbar, не работающими на iOS - PullRequest
Новая
       7

Проблемы с ссылками navbar, не работающими на iOS

0 голосов
/ 30 мая 2018

Я немного озадачен этим.Я делаю портфельный проект в Free Code Camp, и я в основном закончил его.Проблема, с которой я сталкиваюсь, состоит в том, что кнопки навигационной панели, которые должны перемещаться по разным разделам страницы при нажатии, не работают на iOS.Люди говорят, что он работает на Android и на моем Mac, но не работает на моем iPhone или iPad.Я мог бы представить это как законченное, поскольку это в основном работает, но это чертовски неприятно для меня.Любые подсказки?

https://codepen.io/blakemccowan/pen/QxWbMx

<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

<body>
  <div class="container">
<nav class="navbar navbar-dark bg-dark">
  <a class="navbar-brand" href="#">Blake McCowan</a>

  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#skills">Skills</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#work">Work</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#contact">Contact</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#social">Social</a>
      </li>
    </ul>
  </div>
</nav>

    <div class="jumbotron">

      <!-- Home -->
      <div id="home" class="row mb-5">
        <div class="col-sm">
      <img  src="https://image.ibb.co/f0fCJ8/IMG_0515.jpg">
        </div>
        <div class="col-sm">
    <h1 class="display-5">Musician. Audio producer. Writer.</h3>
      <h1 class="display-5">...and now...</h4>
      <h1 class="display-4">Web Developer.</h1>
        </div>
      </div>

      <!-- Skills -->
      <div id="skills" class="row mb-5">

        <div class="col-6">
      <img src="https://image.ibb.co/m5CCQy/HTML5_Logo_512.png">
        </div>
        <div class="col">
      <img src="https://image.ibb.co/ggQdXd/HTML5_Semantics_512.png">
        </div>
        <div class="col">
    <img src="https://image.ibb.co/gquu5y/HTML5_Styling_512.png">
        </div>

      </div>
      <!-- Work -->
      <div id="work" class="row mb-5">

        <div class="col-sm">
          <div class="card">
            <div class="card-body text-center">
      <a target="_blank" href="https://codepen.io/blakemccowan/full/deaRYG/"><img  src="https://image.ibb.co/g73C38/fullsizeoutput_7e5.jpg"></a>
            </div>
          </div>
    </div>

    <div class="col-sm">
      <div class="card">
        <div class="card-body text-center">
      <a target="_blank" href="https://codepen.io/blakemccowan/full/pVGWdW/"><img  src="https://image.ibb.co/j4k3Ao/fullsizeoutput_7e4.jpg"></a>
        </div>
      </div>
        </div>

      </div>

      <!-- Contact -->
      <div id="contact" class="row mb-5">

        <div class="col text-center">
      <h1 class="display-3"><b>Get in touch.</b></h1>
    </div>

    <div class="col">
        <div class="form"><form>

          <label for="Name" class="name">Name<br></label><input id="Name" type="text"><br>

          <label for="Email" class="email">Email<br></label><input id="Email" type="text"><br>

          <label for="Phone" class="phone">Phone<br></label><input id="Phone" type="text"><br>

          <label for="Message" class="message">Message<br></label><input id="message" type="text"><br>

          </form>

          <button>Submit</button></div>

    </div>
      </div>

      <!-- Social -->

      <div id="social" class="row mb-5">

        <div class="col">
      <a target="_blank" href="https://www.freecodecamp.org/blakemccowan"><img  src="https://image.ibb.co/dADFqo/IMG_0029.png"></a>
        </div>
        <div class="col">
        <a target="_blank" href="https://codepen.io/blakemccowan/"><img  src="https://image.ibb.co/gUJgVo/IMG_0030.png"></a>
        </div>
        <div class="col">
        <a target="_blank" href="https://github.com/blakemccowan"><img  src="https://image.ibb.co/ieWeGT/IMG_0031.png"></a>
        </div>
      </div>

    </div>

    <footer styling="text-center" class="footer">
      <p>Copyright © 2018 Blake McCowan. All Rights Reserved.</p>
    </footer>

  </div>

</body>
...