在代码

时间:2017-10-28 05:09:45

标签: javascript css

我有以下函数,它根据用户滚动将一个类(header-hide / header-show)应用于div。

$(document).ready(function($) {


      // adjust this number to select when your button appears on scroll-down
      var offset = 75,

        // bind with the button link
        $animation = $('header');

      // apply animation
      $(window).scroll(function() {
        ($(this).scrollTop() > offset) ? $animation.addClass('header-hide').removeClass("header-show"):
          $animation.addClass('header-show').removeClass("header-hide");
      });
.header-hide {
  opacity: 0;
  visibility: hidden;
}

.header-show {
  opacity: 1;
  visibility: visible;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header class="header-show">

  <div>
    <h3>header</h3>
    <h1>subHeader</h1>
  </div>

</header>

我想对不同的div做一个类似的事情(添加到“页脚”的页脚显示/页脚隐藏),具有不同的偏移量(300)。我想有效地做到这一点,所以我不想复制和运行该函数的副本,并希望将它集成到这个中。但无法让它发挥作用。

1 个答案:

答案 0 :(得分:0)

编写一个需要4个参数的函数 - element,offset,hide-class和show class -

>>> tags, values = map(list, zip(*finding))
>>> tags
['company name', 'number of employees', ' average salary']
>>> values
['abc', '143', 'medium']