Дополнительное меню с фиксацией при прокрутке

[Dizzy]

Подскажите есть ли такой модуль чтобы можно было реализовать вверху свое дополнительное меню и зафиксировать его чтобы при прокрутке сайта вниз меню не уезжало вверх за края броузера.

На примере вот такого сайта

http://www.red.ua

То-есть чтобы можно было задавать пункты на страницы как на обычном сайте.

[Baco]

position: fixed;

[Dizzy]

  В 05.12.2012 в 19:40, 'Baco' сказав:

position: fixed;

А само меню? Меня интересует именно чтобы можно было как в футере задавать пункты и привязывать к ним страницы.

[Baco]

Ну это инструментами CSS делается, как бы готового меню не видел, но знаю точно, что оно есть...

[Respective]

А как на Яндексе? :)) к примеру...

[Yurta]

Это к Лебедеву, вопросы как у яндекса меню сделано %)

[Respective]

Интересно ни как конкретно на яндексе, а как достичь такого же эффекта. К примеру, возможно существует уже готовый скрипт на jquery, который можно настроить под себя?

[snastik]

тому меню которое в примере никакой скрипт не нужен

вы конкретизируйте что должно быть в этом меню ?

как часто это меню будет менятся

и тогда будут варианты ответа и как у лебедева и как не у лебедева :-)

на одном из моих сайтов я делаю вот так http://motosila.com.ua/ но есть у него некоторые проблемы с загрузкой на медленном интернете

[bikoff]

  В 29.01.2013 в 19:14, snastik сказав:

тому меню которое в примере никакой скрипт не нужен

вы конкретизируйте что должно быть в этом меню ?

как часто это меню будет менятся

и тогда будут варианты ответа и как у лебедева и как не у лебедева :-)

на одном из моих сайтов я делаю вот так http://motosila.com.ua/ но есть у него некоторые проблемы с загрузкой на медленном интернете

Подскажите, пожалуйста, как реализовать Ваш вариант? Спасибо! Красиво!

[snastik]

  В 09.02.2013 в 10:42, bikoff сказав:

Подскажите, пожалуйста, как реализовать Ваш вариант? Спасибо! Красиво!

вот почитайте http://awesome-design.com/stati/javascript/fiksirovannoe-vertikalnoe-menyu.html

[bikoff]

  В 09.02.2013 в 13:26, snastik сказав:

вот почитайте http://awesome-desig...lnoe-menyu.html

!!!!! Спасибо!!!!!! Реализовал!!) 69shop.com.ua

[snastik]

красиво получилось :-)

[bikoff]

  В 09.02.2013 в 14:44, snastik сказав:

красиво получилось :-)

))) Спасибо :eek: !!! Сейчас смотрю за поведением посетителей. Вроде среднее количество просмотров страниц выросло и отскок меньше стал)) Еще пару деньков потестим!)

[afwollis]

bikoff, эмм... что могу сказать... настоятельно рекомендую этот модуль...

[bikoff]

  Цитата

bikoff, эмм... что могу сказать... настоятельно рекомендую этот модуль...

Вы очень кстати!!! Я давно его искал!!!! Спасибо!!!!! Ну, прет так прет!!! На одной ветке двух зайцев!!!)

Еще хотел спросить: А как Вы думаете оно не будет влиять на ПС? Ну будут боты попадать на главную страницу? Спасибо!

[afwollis]

а чего ему станется-то? бот - не браузер. у него javascript не сработает.

[bikoff]

  В 10.02.2013 в 13:22, afwollis сказав:

а чего ему станется-то? бот - не браузер. у него javascript не сработает.

Тогда буду пробовать. Странно, на украинских секс-шопах нет таких предупреждений. Хотя на сайте они указывают.

[zdevl]

  В 09.02.2013 в 13:26, snastik сказав:

вот почитайте http://awesome-design.com/stati/javascript/fiksirovannoe-vertikalnoe-menyu.html

snastik, добрый день.

Спасибо за ссылку, почитал, но поскольку знаний и опыта совсем чуть-чуть, а красивый сайт хочется, подскажите, куда вставлять html-код? Правильно ли понимаю, что надо в header.tpl в <div id=menu>? Не сочтите за труд, просветите неумеху.

Ну или кто-то другой, кому не лень.

Заранее спасибо.

[zdevl]

Добавил в CSS 

position: fixed

 

Появилась проблема. Меню остается на том самом месте, на котором он зафикисрованно, т.е. под шапкой. При скролле шапка езжает вверх, а меню так и сотается на месте и не прилипает к верхней части окна.

Помогите куда копать дальше? Надо добавлять JavaScript для обработки положения меню на странице или лучше добавить jQuery код.

 

Нашел вот такой вариант http://webcomplex.com.ua/jquery/delaem-fiksirovannoe-menyu-pri-prokrutke-stranicy.html#comments

Или так будет лучше http://awesome-design.com/stati/javascript/fiksirovannoe-gorizontalnoe-menyu.html

 

Помогите советом, как лучше реализовать. Или вообще можно обойтись только средствами CSS?

 

Куда надо добавлять код?

 

01 $(document).ready(function(){
02  
03         var $menu = $("#menu");
04  
05         $(window).scroll(function(){
06             if ( $(this).scrollTop() > 100 && $menu.hasClass("default") ){
07                 $menu.removeClass("default").addClass("fixed");
08             } else if($(this).scrollTop() <= 100 && $menu.hasClass("fixed")) {
09                 $menu.removeClass("fixed").addClass("default");
10             }
11         });//scroll
12     });

 

 

UPD: проблема решена. Код вставил в header.tpl  в тег <head>...</head>

[afwollis]

jQuery - тот же javascript. учите матчасть.

кроме css для фиксированного блока ничего не надо.

[zdevl]

  В 30.08.2014 в 12:56, afwollis сказав:

jQuery - тот же javascript. учите матчасть.

кроме css для фиксированного блока ничего не надо.

 

Если Вы о position:fixed то, он фиксирует элемент, в этом Вы правы, но это не то, что мне нужно. Это только часть решения задачи.

 

 

Матчасть учу, но в основном методом научного тыка, т.к. времени на глубокой изучение просто нет. Сайт делаю для жены. А основная работа никак не связана ни с программированием, ни с веб-дизайном. Так что, извините, если неправильно выразился. Я знаю, что я малограмотный в данной области. Именно поэтому и задаю вопросы.

[AleksandrEvroteh]

  В 09.02.2013 в 13:26, snastik сказав:

вот почитайте http://awesome-design.com/stati/javascript/fiksirovannoe-vertikalnoe-menyu.html

Expand  

Офигеннная статья. Я сделал поиск файлов css, результат - 125 файлов. Какой из них? Шаблон стандартный с офсайта версия 2.3...

Змінено 23 липня 2018 користувачем AleksandrEvroteh