Кто-нибудь знает плагин навигации jQuery «рыбий глаз/док», который может иметь фиксированное положение?
-
12-09-2019 - |
Вопрос
Я хочу разместить на своем сайте горизонтальную навигацию типа «рыбий глаз» или док-станцию, но мне нужно, чтобы ее положение было фиксированным...все, что я нашел, не поддерживают фиксированное позиционирование.
Вот ссылки на некоторые из тех, что я нашел:
- Док-станция 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
Еще несколько готовых решений, чтобы не изобретать велосипед (конечно, если лицензия позволяет)
С помощью этого патча вы можете исправить интерфейсы jQuery Fisheye.Затем Fisheye работает с position: fixed;
видеть:http://www.monkey-business.biz/181/jquery-interfaces-fisheye-position-fixed-patch/