页面加载时导航不透明度从 0 开始答案

【问题标题】：Nav opacity start at 0 on page load页面加载时导航不透明度从 0 开始
【发布时间】：2013-04-05 21:17:04
【问题描述】：

我试图通过 css 中的不透明度隐藏我的导航，然后让导航淡入页面下方约 600 像素。

除了...之外，我什么都可以工作。当我加载页面时，导航栏以完全不透明 (1) 开始。

一旦我向下滚动一个像素，它就可以正常工作。即导航不透明度返回到 (0)，然后在 600 像素处导航不透明度返回到 (1)。

如果有人可以帮助我解决这个问题，我将不胜感激。

这是一个小提琴http://jsfiddle.net/daugaard47/FpPTm/。

按运行然后向下滚动页面查看效果。

如果您想快速查看，这是我的脚本。

        $(window).bind('scroll', 'load', function(){
        var                 
            navwrap = $('.navwrap'),
            scrollTop = $(document).scrollTop(),
            limit = 635;
       if (scrollTop >= limit) {
           navwrap.addClass('sticky');

       } else if (scrollTop <= limit) {
           navwrap.removeClass('sticky');              
       }
    });

如果有人可以帮助我，请提前感谢。

【问题讨论】：

标签： javascript jquery css

【解决方案1】：

看起来导航已经在页面首次加载时添加了类sticky，它已经应用了opacity:1。然后当向下滚动 1px 时，它会删除它。

更新了JSFIDDLE，加载时没有粘性类

<div class="navwrap">
    <div id="nav">NAVIGATION</div>
</div>

我不确定您在加载时是否需要粘性类，但删除它看起来可以完成这项工作。

【讨论】：

没问题，很高兴它有帮助。