Добрый день. Плиз хэлп ми.
На сайте в качестве главного меню используется Icemegamenu (шаблон ITmotor2 от IceTheme)
Установил фиксированное меню на jquery. Прописал для него классы - .default и .fixed.
Всё работает, но но появилась необходимость выровнять фиксированное меню (.fixed) по центру, но при этом основное меню (.default) оставить по левому краю. Сложность в том, что за выравнивание отвечает класс .icemegamenu:
|
Код:
|
.icemegamenu {
float: left;
} |
В template.css он прописан в строках 2757-2764, а css для меню в строках 2227-2285. И вот вопрос, как применить отдельный .icemegamenu, например с float: right; для .fixed, и с float: left; для .default.
Как это сделать с помощью Javascript или другим способом?
Ниже коды для наглядности:
Скрипт для меню:
jQuery(document).ready(function(){
var jQuerymenu = jQuery("#mainmenu");
jQuery(window).scroll(function(){
if ( jQuery(this).scrollTop() > 100 && jQuerymenu.hasClass("default") ){
jQuerymenu.removeClass("default").addClass("fixed ololo");
} else if(jQuery(this).scrollTop() <= 100 && jQuerymenu.hasClass("fixed ololo")) {
jQuerymenu.removeClass("fixed ololo").addClass("default");
}
});//scroll
});
Структура HTML:
<div id="mainmenu" class="clearfix fixed">
:before
<div class="icemegamenu">
<div class="ice-megamenu-toggle"></div>
<div class="nav-collapse icemegamenu collapse"></div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function(){
var browser_width1 = jQuery(window).width();
jQuery("#icemegamenu").find(".icesubMenu").each(function(index){
var offset1 = jQuery(this).offset();
var xwidth1 = offset1.left + jQuery(this).width();
if(xwidth1 >= browser_width1){
jQuery(this).addClass("ice_righttoleft");
}
});
})
jQuery(window).resize(function() {
var browser_width = jQuery(window).width();
jQuery("#icemegamenu").find(".icesubMenu").removeClass("ice_righttoleft");
jQuery("#icemegamenu").find(".icesubMenu").each(function(index){
var offset = jQuery(this).offset();
var xwidth = offset.left + jQuery(this).width();
if(xwidth >= browser_width){
jQuery(this).addClass("ice_righttoleft");
}
});
});
</script>
