Question

mainMenu是一个很大的导航栏，在向下滚动中变得不可见，并被topMenu取代，topMenu是一个小型导航顶部固定栏。

我有一个问题：只有当topmenu出现时，替换才会淡化动画。 当它消失时，我怎么能让topmenu淡化动画？

这是我的javascript：

<script>
        var mainMenuTop = $('#mainMenu').offset().top;
        var mainMenuBottom = mainMenuTop + 200; 
        $(window).scroll(function() {
            var scrollTop = $(window).scrollTop(); 

            if (scrollTop > mainMenuBottom) {

                if (($("#topMenu").is(":visible") === false)) {

                  $('#topMenu').fadeIn('slow');
                }
            } else {

                if ( $("#topMenu").is(":visible") ) {
                    $('#topMenu').hide();
                }
            }
        });
    </script>

Answer 1

我认为你要找的东西很简单。而不是这一行：

$('#topMenu').hide();

将其更改为：

$('#topMenu').fadeOut('slow');

一个很好的简单jQuery动画。有关详细信息，请参阅http://api.jquery.com/fadeout/。

希望有所帮助。

Navbar使用Javascript滚动淡出动画

1 个答案: