重复Scrollspy

时间:2012-04-18 21:24:43

标签: jquery-plugins

我使用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>

0 个答案:

没有答案