小编Ron*_*Old的帖子

大家好，所以当一个人向下滚动时，我有一个简单的效果，内容将从左侧和右侧飞入等。但是我想要发生的是，当用户向上滚动时，内容保持不变，因此只会发生效果如果有意义的话，每次刷新一次:)

    <div class="row">
       <div class="col-xs-12 col-sm-6 col-md-6" data-aos="fade-right" data-aos-easing="ease-in-sine">
       <h1> 1</h1>
       <span class="border"></span>
       <p> 2 </p>
        </div>
     <div class="col-xs-12 col-sm-6 col-md-6" data-aos="fade-left" data-aos-easing="ease-in-sine">
     <img src="Images/number1.png" style="padding-top: 20px;">
        </div>
    </div>

JS：

       AOS.init({
  duration: 1200,
})

我用过这个插件链接效果

谢谢

当用户点击汉堡菜单时,我试图获得一个叠加菜单,它占用了整个屏幕,如下所示:

我出于某种原因似乎无法让它工作,我试图使用示例,但它可能是因为我不是那种经验的引导程序,但它根本不会覆盖菜单.

所以我已经设置好所以汉堡菜单使用媒体查询显示在991px并且它工作正常但是弹出的叠加层根本没有发生.

HTML:

  <nav class="navbar navbar-default navbar-fixed-top" id="section1">
    <div class="container">
      <div class="navbar-header">
        <button class="navbar-toggle" data-target="#myNavbar" data-toggle="collapse" type="button">
                        <span class="icon-bar"></span> <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        </button>
        <a class="navbar-brand"><img alt="" src="Images/logo.png" class="img-responsive"></a>
      </div>
      <div class="collapse navbar-collapse" id="myNavbar">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="#section1">Home</a>
          </li>
          <li>
            <a href="#section2">About Me</a>
          </li>
          <li>
            <a href="#section3">Game</a>
          </li>
          <li>
            <a href="#section4">Me</a>
          </li>
          <li>
            <a href="#section5">Hobbies</a>
          </li>
          <li>
            <a href="#section6">Contact Me</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <div class="modal fade" id="nav-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div …