Question

我正在使用单页滚动编写网站，我遇到了一个非常奇怪的问题。在我的上一部分（第四部分）中，我添加了一些内容（通知我！），它显示完美，现在我做了其他的事情（添加了脚本），所有内容都消失了。

在这里演示：https://opencubes.github.io/

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>OpenCubes</title>
  <link rel="stylesheet" href="stylesheets/styles.css">
  ...
 <script type="text/javascript" src="//cdn.firebase.com/js/client/1.0.17/firebase.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

  <script>
       $(document).ready(function () {
      $(".main").onepage_scroll({
        sectionContainer: "section",
        ...
        direction: "vertical"
      });
      $('a.notify').on('click', function () {
        ...


      });
    });
  </script>

</head>

<body>
  <div class="main">
    <section class="first-page">
      <div class="description">
        <h1>The Minecraft Mod Marketplace</h1>
        <div>
          OpenCubes...
        </div>
      </div>
      <a href="#" class="scroll-down">
        <i class="fa fa-chevron-circle-down"></i> Scroll Down
      </a>
    </section>
    <section class="second-page">
      <div class="description">
        <h1>Browse mods</h1>
        <div>
          With OpenCubes,...
        </div>
      </div>
      <img src="images/browse.png" />
      <a href="#" class="scroll-down">
        <i class="fa fa-chevron-circle-down"></i> Keep scrolling...
      </a>
    </section>
    <section class="third-page">
      <div class="features">
        <div class="feature-spotlight sl-1">
          <div>
            <h2>Comment and vote</h2>
            ...
          </div>
          <img src="images/comments.png" />
        </div>

        <div class="feature-spotlight sl-2">
          <img src="images/files.png" />
          <div>
            <h2>Files and version manager</h2>
            In OpenCubes,...
          </div>
        </div>
      </div>
    </section>
    <section class="fourth-page">
      <div class="main">
        <h1>OpenCubes is still in development.</h1>
        <div class="send">
          <h2>Enter your email here to be notified when it's ready</h2>
          <input class="email" type="email"/>
          <a href="#">Notify me!</a>
        </div>
      </div>
    </section>
  </div>

  <!--[if !IE]><script>fixScale(document);</script><![endif]-->

</body>

</html>

内容是不可见的

0 个答案: