1

警告：jQuery 初学者...

我试图让我的标题淡入淡出，这取决于我正在处理的这个视差网站中滚动的位置。我遇到的问题是我无法弄清楚如何让它轻松进入/退出。

我正在使用Stellar jQuery 插件 + 航点的组合来制作这个新网站。

在加载时，我添加了放置 opacity: 0 的“隐藏”。

这是导航的片段：

<header class="navContainer">
<nav>
    <ul class="navigation">
        <li class="logoMenu" data-slide="1"><a><img id="logoEGmenu" src="images/eg-logo-menu.png" alt="Logo des Entreprises d'électricité EG ltée"></a></li>
        <li class="text" data-slide="2"><a>Accueil</a></li>
        <li class="text" data-slide="3"><a>Services</a></li>
        <li class="text" data-slide="4"><a>Maître électricien</a></li>
        <li class="text" data-slide="5"><a>Projets</a></li>
        <li class="text" data-slide="6"><a>LEED</a></li>
        <li class="text" data-slide="7"><a>Notre mission</a></li>
        <li class="text" data-slide="8"><a>Nos experts</a></li>
        <li class="text" data-slide="9"><a>Contact</a></li>
    </ul>
</nav>
<div id="logoBG">&nbsp;</div>
<div id="navBG">&nbsp;</div>
<div id="noiseBG">&nbsp;</div>

这是 .js 的一个片段：

    // Fade in Nav
$('.navContainer').addClass('hidden');
$.waypoints.settings.scrollThrottle = 25;
$('.navContainer').waypoint(function(event, direction) {
    $('.navContainer').toggleClass('hidden', direction === "up");

}, {
    offset: '-100%'
});

谢谢您的帮助！

4

0 回答 0