1

我使用了一个 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>
4

0 回答 0