我有以下函数,它根据用户滚动将一个类(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)。我想有效地做到这一点,所以我不想复制和运行该函数的副本,并希望将它集成到这个中。但无法让它发挥作用。
答案 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']