Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Плавающее меню для сайта (https://javascript.ru/forum/css-html/30359-plavayushhee-menyu-dlya-sajjta.html)

Ingiborn 01.08.2012 18:23

Плавающее меню для сайта
 
Помогите реализовать такое меню http://pr-cy.ru/analysis/javascript.ru
Которое в шапке выплывает, после небольшой прокрутки страницы вниз.
Спасибо.

Deff 01.08.2012 19:29

Ingiborn,
По событию scroll - фиксируете позицию топ - документа - при превышении определенной позиции(200px) - добавляете к меню класс ( у которого прописано в стилях: position: absolute;top:0

Serg_pnz 01.08.2012 19:39

Плагин для jq http://blog.echoenduring.com/2010/11...jquery-plugin/

Deff 01.08.2012 19:53

Serg_pnz, ?
да там вродь две строки - если на jQuery (по ссылке ТС не плавная прокрутка - а фиксированная с легкой анимацией в css

Serg_pnz 01.08.2012 19:56

Deff,
ну может еще кому пригодится, я ж не настаиваю))

Ingiborn 01.08.2012 20:40

мм... для меня это сложно, я с jquery не особо знаком.

Deff 01.08.2012 20:40

Ingiborn,
Ссылку на сайт - дайте

Ingiborn 02.08.2012 00:02

Цитата:

Сообщение от Deff (Сообщение 193736)
Ingiborn,
Ссылку на сайт - дайте

На локалке

Ingiborn 02.08.2012 00:03

есть идентификатор menu и класс nav

Deff 02.08.2012 00:55

Цитата:

Сообщение от Ingiborn
На локалке

выложите частичный код шапки с меню
И скриншот локального c сайта 1:1 (верхней части
Скрин можно залить сюда => http://uploads.ru/

Ingiborn 03.08.2012 13:13

Проблему решил сам,спасибо.
$(function(){var b=отступ сверху;var a=0;$("#идентификатор");var c=$("#идентификатор");c.css({top:b});function d(){var e=$(window).scrollTop();if(e+a<b){c.css({top:b-e}).css("position","static")}else{c.css({top:a}).css("position","fixed");c.find("a").css({opacity:1})}}$(window).scroll(function(){d()});c.hover(function(){$(this).find("a").css({opacity:1})},function(){$(this).find("a").css({opacity:1})})});

Ingiborn 03.08.2012 13:17

Теперь нужна помощь в другом.
Допустим есть <a href="ссылка" id=""></a> нужно чтобы при загрузке страницы происходил именно клик по этому id, именно клик мышкой как-будто.
Как можно реализовать подобное?

Deff 03.08.2012 13:24

Ingiborn,
document.body.onload = document.getElementById("ID CCылки").click();


Часовой пояс GMT +3, время: 17:48.