小编Kri*_*ars的帖子

当元素被包裹在另一个元素中时,为什么 position:sticky 不起作用?

我正在试验粘性导航,但遇到了问题。问题是,当我将导航放在其他元素中时,它不再具有粘性。

.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)

html css sticky

3
推荐指数
1
解决办法
1857
查看次数

jQuery - $(this)不接受该元素

所以我正在制作新项目.我已经制作了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)

javascript jquery

1
推荐指数
1
解决办法
59
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

sticky ×1