Кто-нибудь знает плагин jQuery fisheye / dock для навигации, который может иметь фиксированное положение?

Question

Я хочу разместить горизонтальную навигацию типа «рыбий глаз» / «док» на моем сайте, но мне нужно, чтобы это было фиксированное позиционирование ... все, что я нашел, не поддерживают фиксированное позиционирование.

Вот ссылки на некоторые из найденных мной:

• jQuery OS X Dock # 1 - не поддерживает фиксированное позиционирование
• Меню CSS Dock - Это очень похоже на приведенное выше ...
• euDock 2.0 - Поддерживает аналогичное фиксированному позиционированию (положение: абсолютное с javascript, чтобы убедиться, что оно остается на том же месте), но это не работает, потому что это слишком нервно при прокрутке вниз (см. что я имею в виду, переходя по этой ссылке и прокручивая) ... реальная фиксированная позиция обычно идеально плавная при прокрутке.

Я еще не видел горизонтального, который не ломается, есть вертикальный, который работает на той же странице, что и первая ссылка выше.

Кто-нибудь знает какое-нибудь меню типа «рыбий глаз» / док, которое будет работать с фиксированным позиционированием?

Редактировать: Изменение позиционирования на фиксированное нарушит функциональность этих меню, в частности (они даже говорят об этом в статье в первой ссылке выше). Я ищу тот, который не сломается, если я изменю положение на фиксированное.

Answer 1

getPointer : function(event)
{
    var x = event.pageX || (event.clientX + (document.documentElement.scrollLeft
            || document.body.scrollLeft)) || 0;
    var y = event.pageY || (event.clientY + (document.documentElement.scrollTop
            || document.body.scrollTop)) || 0;
    //subtract, add scrollbar    
    y -= $(window).scrollTop();
    return {x:x, y:y};
},

Измените интерфейс iutil.js, вы увидите вычитание scrollTop

Answer 2

С этим патчем вы можете патчить интерфейсы jQuery Fisheye. Тогда Fisheye работает с position: fixed;

см: http://www.monkey -business.biz / 181 / JQuery-интерфейсы-Fisheye-позиции фиксированной заплатки /

Answer 3

Еще несколько готовых решений, чтобы избежать повторного изобретения колеса (конечно, если лицензия позволяет)

* / CSS док-меню 1004 * -studio.com / блог / макинтош

Answer 4

Я предлагаю вам попробовать этот .

Почему вы не получаете панель навигации в одном элементе, а содержимое в другом элементе, с автоматическим переполнением? Тогда навибар всегда на высоте.

Как здесь: http://www.pmob.co.uk/temp/fixed-header.htm

Answer 5

Исправлено позиционирование с помощью CSS.

#main_menu {
  position: fixed;
  top:10px;
  left:10px;
}

Я не использовал ни одного из этих javascript-кодов "рыбий глаз", но я предполагаю, что они будут работать с фиксированными элементами.