Question

我在我的onepage网站上制作了图库。我尝试使用show / hide和scrollit 显示有关我工作的更多详细信息。但我不知道如何将它连接在一起以使其工作。

这里是代码库。当我推它打开它的信息时。

＆＃13;

<li>
  <a href="#single-project" class="show_hide more" rel="#slidingDiv8" >
    <div class="item web-design" data-ref="mixitup-target"> 
      <img src="img/1.png" alt="project 9">
    </div>
    <div class="caption">
      <div class="blur"></div>
      <div class="caption-text">
        <h6>Amazing Caption</h6>
        <p>Whatever It Is - Always Awesome</p>
      </div>
    </div>
  </a>
</li>

＆＃13;

这是我要在上面的代码中添加的Scrolit。

＆＃13;

<li><a data-scroll-nav='4'></a></li>

＆＃13;

在开始div中我添加了

＆＃13;

<section data-scroll-index='4'>

＆＃13;

如何连接它们show / hide和scrollit一起工作？尝试一段时间，只会显示/隐藏但不滚动。

Answer 1

您是否尝试使用Jquery切换类？如果是，可以像这样<script type="text/javascript" src="js/modernizr-1.5.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" ></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" type="text/css">

调用Jquery触发器

希望这有帮助

https://jsfiddle.net/pq8ef3dw/

如何连接show / hide和scrollit

1 个答案: