我正在试验粘性导航,但遇到了问题。问题是,当我将导航放在其他元素中时,它不再具有粘性。
.nav-wrapper{
position: absolute;
bottom: 0;
}
.nav-wrapper nav{
position: sticky;
top: 0;
}Run Code Online (Sandbox Code Playgroud)
<div class="nav-wrapper">
<nav>
<a href="#"><li>Home</li></a>
<a href="#"><li>About</li></a>
</nav>
</div>Run Code Online (Sandbox Code Playgroud)
所以我正在制作新项目.我已经制作了php多语言导航栏,而在其他语言中没有链接的名称.如果没有文本但我的代码似乎不起作用,我想隐藏该链接.你能帮帮我们吗?谢谢!
这是一个链接!
HTML
<div class="navigation">
<div class="nav_item">
<a href="#" class="link"><!-- Home --></a>
</div>
<div class="nav_item">
<a href="#" class="link">About</a>
</div>
<div class="nav_item">
<a href="#" class="link">Portfolio</a>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
jQuery的
$(function () {
if ($("a.link").is(':empty')) {
$(this).parent().addClass("hidden");
}
});
Run Code Online (Sandbox Code Playgroud)