metronic.bootstrap 对IE9 ,左侧菜单不能居于右侧,解决方案是在app.js里第241行添加代码
menu.parent().css({position:'absolute',left:'0px'});
即如下:
var handleFixedSidebar = function () {
var menu = $('.page-sidebar-menu');
if (menu.parent('.slimScrollDiv').size() === 1) { // destroy existing instance before updating the height
menu.slimScroll({
destroy: true
});
menu.removeAttr('style');
$('.page-sidebar').removeAttr('style');
}
if ($('.page-sidebar-fixed').size() === 0) {
//下面行是自己添加的
menu.parent().css({position:'absolute',left:'0px'});
handleSidebarAndContentHeight();
return;
}
if ($(window).width() >= 980) {
var sidebarHeight = _calculateFixedSidebarViewportHeight();
menu.slimScroll({
size: '7px',
color: '#a1b2bd',
opacity: .3,
position: isRTL ? 'left' : ($('.page-sidebar-on-right').size() === 1 ? 'left' : 'right'),
height: sidebarHeight,
allowPageScroll: false,
disableFadeOut: false
});
handleSidebarAndContentHeight();
}
}