捂脸。问个蠢问题

jQuery(function() {
jQuery(".hamburger-icon").click(function() {
jQuery("body").addClass("scrollbar-hide")
});
jQuery(".close-ic").click(function() {
jQuery("body").removeClass("scrollbar-hide")
})
});

当有这段jq代码的时候是这样的

当把那段代码删了之后，点击折叠导航栏就不显示了

求教，scrollbar-hide在css文件中也仅仅是

.scrollbar-hide {
height: 100%;
overflow: hidden;
}
.scrollbar-hide .menu-content-area {
opacity: 1;
height: 100%;
}

引用的是JQ,bootstrap.js以及上面的那段JS代码。
为什么把那段代码删了点击折叠导航栏就不显示了呢

回答

opacity: 1;和 height: 100%;都有可能造成该效果啊，其他地方是不是定义有该 element的默认样式，比如 opacity: 0;或 height: 0;

Bootstrap作为一个响应式框架，原理是依赖于css3的媒体查询来实现的，所以它几乎都是通过控制样式来实现页面上的元素显示与隐藏的。
一些基本的方法它都封装好了，比如下拉菜单、导航栏、tab选项卡，其他个别的可能需要写js代码触发。
所以，上面你通过js添加和移除样式，能够实现下拉菜单的显示与隐藏。

以上是 捂脸。问个蠢问题 的全部内容， 来源链接： utcz.com/a/39455.html

回到顶部