我想要一个仅出现在移动菜单中的“关闭菜单图标(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)元素。
模板中已经有一种样式表示移动导航是否已打开(.menu-open
)。只需相应地使用该样式的关闭按钮:
#mobileNav.menu-open #block-yui_3_17_2_3_1513615238211_6445 {
position: fixed;
top: 0px;
right: 18px;
margin-top: -5px;
}