我有一个隐藏的侧边栏的布局,它显示在右边,通过使用.toggleClass from jQuery来切换/关闭侧栏。当类切换(可见)时,侧边栏从右侧出现,.css规则填充- right :250PX;将应用于具有Bootstrap容器类的#包装器。
容器类内置到使页面响应的Bootstrap.css中,因此它根据浏览器窗口宽度调整大小。当前设置它的方式是,当侧边栏打开时,它可能重叠,也可能不重叠容器,这取决于当前浏览器窗口的宽度.我可以设置一个css规则来调整容器的大小,并打开/关闭那个类,但是这并不考虑有时不需要添加它。只有当由于窗口不够宽而出现重叠时,才需要添加。
css:
#wrappe
我有一小部分jQuery,它按照需要完美地工作,但并不总是如此,有时它不能工作,直到我再次刷新页面,我不知道为什么。
我只想在侧边栏打开时禁止主屏幕滚动,当侧边栏关闭时使其滚动(只有当窗口很小时才会出现侧栏)。
这是我的jQuery:
jQuery(document).ready(function($) {
$(".sidebar-mobile-icon").click(function() {
var sideBar = $(".shop-sidebar");
for (var i = 0; i < sideBar.length; i++