仅在特定div打开时固定位置

问题描述 投票:0回答:1

我想要一个仅出现在移动菜单中的“关闭菜单图标(X)。我必须构建元素并附加到移动菜单中。

例子在这里:https://josh-unger-4lts.squarespace.com/

(没有关闭元素的功能)

我追加:

<script>
$(document).ready(function(){
 $('#block-yui_3_17_2_3_1513615238211_6445').appendTo('#mobileNav ');
 });
 </script>

我希望我的close元素只有在移动导航打开时才有固定位置。

我的CSS(X)定位:

 #block-yui_3_17_2_3_1513615238211_6445   {position: fixed; top: 0px; 
   right: 18px;
   margin-top: -5px;

}

我正在寻找一种解决方案,只有当移动菜单打开而不是一直打开时才会出现这个关闭(x)元素。

jquery css fixed
1个回答
1
投票

模板中已经有一种样式表示移动导航是否已打开(.menu-open)。只需相应地使用该样式的关闭按钮:

#mobileNav.menu-open #block-yui_3_17_2_3_1513615238211_6445 {
    position: fixed;
    top: 0px; 
    right: 18px;
    margin-top: -5px;
}
© www.soinside.com 2019 - 2024. All rights reserved.