我正在尝试构建自己的自适应导航菜单,我首先要先做手机然后再做。菜单效果很好,直到我设置的媒体宽度40em,之后我无法看到菜单。我需要帮助的是将函数放在设定的宽度,这样我就可以简单地在css中编写其余的代码,或者使用if else语句来说明max-width 40em(hide),else(show)。
这最多可达40em或641px
$(document).ready(function() {
$(".navbar").hide();
$(".toggle").click(function() {
$(".navbar").slideToggle("slow", function() {
// Animation complete.
});
});
提前致谢。
答案 0 :(得分:0)
需要添加窗口调整大小功能
$(document).ready(function() {
$(window).resize(function(){
if ($(window).width() <= 1024){
$(".navbar").hide();
} else {
$(".navbar").show();
}
});
$(".toggle").click(function() {
$(".navbar").slideToggle("slow", function() {
// Animation complete.
});
});