位置を固定できる jQuery 魚眼/ドック ナビゲーション プラグインを知っている人はいますか?
-
12-09-2019 - |
質問
自分のサイトに水平魚眼/ドック ナビゲーションを設置したいと考えていますが、位置を固定する必要があります...私が見つけたものはすべて、固定位置をサポートしていません。
私が見つけたもののいくつかへのリンクを次に示します。
- jQuery OS X ドック #1 - 固定位置はサポートしていません
- CSS ドック メニュー - これは上記のものとよく似ています...
- euドック2.0 - 固定位置と同様のサポート (同じ場所に留まるようにするための JavaScript によるposition:absolute) ですが、下にスクロールすると飛び飛びすぎるため、これは機能しません (そのリンクに移動してスクロールするという意味を参照してください) ...実際の固定位置は通常、スクロール時に完全にスムーズです。
壊れない水平方向のものはまだ見たことがありませんが、上の最初のリンクと同じページで動作する垂直方向のものがあります。
固定位置で動作する魚眼/ドックメニューを知っている人はいますか?
編集: 位置を固定に変更すると、特にこれらのメニューの機能が壊れます (上の最初のリンクの記事にもそのことが記載されています)。ポジショニングを固定に変更しても壊れないものを探しています。
解決
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の物事これらの魚眼レンズのいずれかを使用していないが、私は、彼らは、固定要素をうまくいくと推測ます。
私はあなたがこの1 してみてくださいお勧めします。
なぜあなたはあなたのナビゲーション1つのdivにあるバー、および他のdivのコンテンツがオーバーフロー自動で取得ドント?その後navibarは一番上に常にあります。
アウト・オブ・ボックスは、ホイールをre0inventing避けるために、いくつかのより多くのソリューション(もちろん、ライセンスが許可されている場合)。
あなたはこのパッチでjQueryのインターフェイスフィッシュアイにパッチを適用することができます。その後、フィッシュアイがposition: fixed;
で動作します。
を参照してください。 http://www.monkey-business.biz / 181 / jqueryの-インターフェイス-魚眼レンズ位置固定パッチ/ の