我使用jQueryScrollSpy(https://github.com/sxalexander/jquery-scrollspyhttps://github.com/sxalexander/jquery-scrollspy)进行设置,以便在滚动到div #red时,各自的孩子'。''淡出。如何设置它以便当你滚动到N div的顶部时,N的孩子会出现? (并在离开div N后消失。)
感谢您的帮助,我从未设置过这种循环。
乔
<script type="text/javascript">
$(document).ready(function() {
$(".test").hide();
$('#red').each(function(i) {
var position = $(this).position();
console.log(position);
console.log('min: ' + position.top + ' / max: ' + parseInt(position.top + $(this).height()));
$(this).scrollspy({
min: position.top,
max: position.top + $(this).height(),
onEnter: function(element, position) {
if(console) console.log('entering.#red');
$("#red").children().fadeIn(200);},
onLeave: function(element, position) {
if(console) console.log('leaving.#red');
$("#red").children().fadeOut(200);}
/*onEnter: function(element, position) {
if(console) console.log('entering.#blue');
$(".test").show();},
onLeave: function(element, position) {
if(console) console.log('leaving.#blue');
$(".test").hide();}*/
});
});
});
</script>