Как закрепить верхнее меню, чтобы оно прокручивалось вместе с экраном. Шаблон Kitchen

[Злюка]

Всем доброго времени суток, подскажите пожалуйста как закрепить на экране верхнее меню "Главная, Закладки, Кабинет..." и сделать так, чтобы при прокрутки экрана вниз оно всегда оставалось на виду верха окна браузера. Это модная фишка в современных магазинах, уверен что многим такая возможность пригодиться. Готов даже оплатить доработку!

[iconbit]

Всем доброго времени суток, подскажите пожалуйста как закрепить на экране верхнее меню "Главная, Закладки, Кабинет..." и сделать так, чтобы при прокрутки экрана вниз оно всегда оставалось на виду верха окна браузера. Это модная фишка в современных магазинах, уверен что многим такая возможность пригодиться. Готов даже оплатить доработку!

Здравствуйте!

Если вас еще интересует вот скрипт

 

На примере дефолтного шаблона OSShop

Открываем фаил header.tpl и перед закрывающим тегом </head> добавляем скрипт

<script type="text/javascript">

$(document).ready(function() {

var start_pos=$('.links').offset().top;

$(window).scroll(function(){

if ($(window).scrollTop()>=start_pos) {

if ($('.links').hasClass()==false) $('.links').addClass('to_top');

}

else $('.links').removeClass('to_top');

});

});

</script>

А в фаил стилей style.css добавьте следующее

.to_top {

margin-top: -145px !important;

position: fixed;

width: 1020px;

z-index: 999;

}

Ширину и отступ отрегулируйте как вам надо.

 

К блоку с классом links добавляется класс to_top

[iconbit]

По шаблону Kitchen

 

в скрипте вместо links впишите toprow

[Злюка]

По шаблону Kitchen

 

в скрипте вместо links впишите toprow

Спасибо, но мне к сожалению только сейчас увидел ваш ответ. Мне уже сделали такое меню.

[maxim72]

Вот нужная весчь. Спасибо попробую у себя реализовать)) 

[finn7]

В 03.04.2015 at 10:42, iconbit сказал:

К блоку с классом links добавляется класс to_top

Не силен.  Подскажите, где этот блок искать и куда там именно добавлять.

А также, файл style.css где искать 

Спасибо

[iconbit]

В 01.05.2016 at 13:06, finn7 сказал:

Не силен.  Подскажите, где этот блок искать и куда там именно добавлять.

А также, файл style.css где искать 

Спасибо

Блок надо искать в коде вашего магазина. Посмотрите в какой класс обернуто ваше меню через фаер баг.  Зайдите на сайт по ftp в файле header.tpl  перед закрывающим тегом </head> вставьте скрипт который я опубликовал выше, но вместо links впишите название класса вашего меню. А в фаил стилей добавьте стили которые так же опубликованы выше.

[finn7]

Ага, понял, сейчас буду пробовать. Спасибо.

[finn7]

В 10.05.2016 at 22:56, iconbit сказал:

Блок надо искать в коде вашего магазина. Посмотрите в какой класс обернуто ваше меню через фаер баг.  Зайдите на сайт по ftp в файле header.tpl  перед закрывающим тегом </head> вставьте скрипт который я опубликовал выше, но вместо links впишите название класса вашего меню. А в фаил стилей добавьте стили которые так же опубликованы выше.

В общем, не получилось у меня найти, что там во что обернуто и т.д. В личку сейчас напишу