我使用了一个 jQueryScrollSpy (https://github.com/sxalexander/jquery-scrollspyhttps://github.com/sxalexander/jquery-scrollspy) 来设置它,这样当你滚动到 div #red 时,它各自的子 ' .test' 淡入。如何设置它,以便当您滚动到 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>