使用 HTML 和 jQuery 创建相同类型的导航 [关闭]

Posted 2023-04-13

【中文标题】使用 HTML 和 jQuery 创建相同类型的导航 [关闭]

【英文标题】：Creating the same kind of navigation with HTML & jQuery [closed]

【发布时间】：2015-03-10 14:31:46

【问题描述】：

大家好，***，

我希望构建与网站 Pagekit.com 上使用的相同的导航。滚动一段时间后导航必须弹出。任何人都知道 jQuery 插件或其他可以为我解决问题的东西吗？我做了一些谷歌搜索，但找不到任何有用的东西。

最好的问候， 迪伦

【参考方案1】：

关键是：scrollPosition。

你想要达到的结果有点过多，无法解释你必须采取的每一个行动。这是您正在寻找的示例：FadeIn on scroll

$(document).ready(function() 

    /* Every time the window is scrolled ... */
    $(window).scroll( function()

        /* Check the location of each desired element */
        $('.hideme').each( function(i)

            var bottom_of_object = $(this).position().top + $(this).outerHeight();
            var bottom_of_window = $(window).scrollTop() + $(window).height();

            /* If the object is completely visible in the window, fade it it */
            if( bottom_of_window > bottom_of_object )

                $(this).animate('opacity':'1',500);

            

        ); 

    );

);

【讨论】：

谢谢先生，解决了！