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

StackOverflow https://stackoverflow.com/questions/1249903

Вопрос

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

Вот ссылки на некоторые из тех, что я нашел:

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

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

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

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

Это было полезно?

Решение

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

Другие советы

Фиксированное позиционирование можно выполнить с помощью CSS.

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

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

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

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

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

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

http://www.ndesign-studio.com/blog/mac/css-dock-menu

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

видеть:http://www.monkey-business.biz/181/jquery-interfaces-fisheye-position-fixed-patch/

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top