我有一个隐藏的侧边栏的布局,它显示在右边,通过使用.toggleClass from jQuery来切换/关闭侧栏。当类切换(可见)时,侧边栏从右侧出现,.css规则填充- right :250PX;将应用于具有Bootstrap容器类的#包装器。
容器类内置到使页面响应的Bootstrap.css中,因此它根据浏览器窗口宽度调整大小。当前设置它的方式是,当侧边栏打开时,它可能重叠,也可能不重叠容器,这取决于当前浏览器窗口的宽度.我可以设置一个css规则来调整容器的大小,并打开/关闭那个类,但是这并不考虑有时不需要添加它。只有当由于窗口不够宽而出现重叠时,才需要添加。
css:
#wrappe
我使用的是Foundation off canvas和类,这样侧边栏对于较大的屏幕总是可见的。在Chrome和Firefox中,侧边栏总是在页面加载之间打开,这很棒。然而,在Edge和IE中,每次加载页面时,侧边栏都不会首先出现(尽管已经为其保留了左边距空间)-然后侧边栏滑入以填充空间。
在每个页面上加载此动画会让人分心。有没有办法强制侧边栏在IE中保持打开?或者禁用动画?
我有一个包含用户名的页脚。我希望它始终显示在视口的底部。就像一个固定的底部栏,但只在我的侧边栏上。
我使用函数
function setFooterStyle() {
var docHeight = $(window).height();
var footerHeight = $('#footer').outerHeight();
var footerTop = $('#footer').position().top + footerHeight;
$('#footer').css('margin-top