Javascript 如何使导航栏可单击

嘿，所以我在这个网站上工作，我学会了如何使用导航栏来做这件事，这样颜色就会消失，在它开始工作后，我无法获得任何链接。据我所知，它与e.preventDefault（）有关，但我不确定如何解决这个问题

这是我的密码

$（窗口）。滚动（函数（）{
//100=要淡入导航的点。
如果（$（窗口）.scrollTop（）>100）{
$（'.bg'）.stop（）.animate({
不透明度：0.5
}, 10 );
}否则{
$（'.bg'）.stop（）.animate({
不透明度：0.0
}, 200 );				
};   	
});
$（'.scroll'）。在（'click'，函数（e）{
e、 预防默认值（）
$（'html，body'）。设置动画({
scrollTop:$（this.hash）.offset（）.top
}, 1500);
});
/**NAV*****/
身体{
背景色：#000；
字体系列：“投石机Ms”；
}
.集装箱{
宽度：100%；
高度：2000px；
位置：相对位置；
/*字体系列：“投石机Ms”*/
}
.bg{
背景：#777；
宽度：100%；
高度：100px；
不透明度：1；
}
.固定{
位置：固定；
排名：0；
左：0；
宽度：100%；
z指数：1；
}
保险商实验室{
高度：100px；
保证金：-70px自动0自动；
宽度：500px；
}
李{
浮动：左；
列表样式：无；
利润率：10px 20px；
文本转换：大写；
/*字母间距：0px*/
颜色：小麦；
}
李阿{
/*高度：100px*/
文本转换：大写；
颜色：小麦；
字体系列：“投石机Ms”；
字体大小：
}
/*
a{
文本对齐：居中；
字体大小：50px；
颜色：#bdbd；
字体大小：粗体；
文字装饰：无；
字母间距：5px；
文本阴影：1px 1px 1px#9494；
位置：相对位置；
z指数：1；
保证金：0自动；
显示：块；
}
a:悬停{
颜色：#A6；
文本阴影：1px 1px 1px#C9C9C9；
}
*/
a{
边框样式：无；
}
a:链接{
文字装饰：无；
}
a:悬停{
颜色：小麦；
}
a:主动的{
颜色：#2c9d91；
文字装饰：继承；
}
.下来{
顶部：150px；
}
.起来{
顶部：1800像素；
}
/*******覆盖层*******/
#写溢{
位置：固定；
右：0；
底部：0；
最小宽度：100%；
最小高度：100%；
宽度：自动；
不透明度：.5；
/*背景：径向梯度（珊瑚色、灰色、深灰色）*/
/*背景：放射状梯度（珊瑚，深灰色，灰色）*/
/*背景：径向梯度（深灰色35%，浅灰色，灰色）*/
背景：径向梯度（浅灰色、灰色、浅灰色）；
颜色：深红色
}
/*
#视频叠加{
位置：固定；
右：0；
底部：0；
最小宽度：100%；
最小高度：100%；
宽度：自动；
背景：线性渐变（左下角，深红色，珊瑚色）；
不透明度：0.2；
}
*/
/*****视频全屏*****/
录像带{
位置：固定；
右：0；
底部：0；
最小宽度：100%；
最小高度：100%；
宽度：自动；
高度：自动；
z指数：-100；
}
/*****页脚******/
页脚{
颜色：小麦；
文本对齐：居中；
字体大小：20px；
}











联系方式。
我想你错过了一个/，试着放/index.html，这个/，是为了让你重定向你的路径

  <ul class="navBar">
            <li><a href="/index.html">home</a>
            </li>
            <li><a href="/gal.html">photography</a>
            </li>
            <li><a href="/film.html">film</a>
            </li>
            <li><a href="/contact.html">contact</a>
            </li>
        </ul>
    </div>











这实际上与您的e.preventDefault无关，它与您的不透明度动画有关。基本上，您将不透明度标记带到覆盖链接的div。如果要测试这一点，可以运行整个代码，只需使用不同的动画而不是不透明，例如

height: '150px'

如果您只需在开发人员控制台中编辑css样式标记以删除不透明度，也可以看到这种效果

我认为，如果你改变这个逻辑，使用导航栏而不是bg，你会让它工作。我相信问题在于你有一个div覆盖了另一个div，所以你不能点击下面的div

这对我来说很有用，但很明显，您必须更改css以满足您的需要：

if ($(window).scrollTop() > 100 ){    
    $('.navBar').stop().animate({
        opacity : 0.5
    }, 10);
} else {
$('.navBar').stop().animate({
        opacity : 0.0
    }, 200 );
};      

您可以通过使用在纯CSS3中进行淡入淡出。从那里添加一些
$（'selector'）应该没有问题。单击jQuery中的（
函数）。如果这没有帮助，请告诉我我将删除此答案。