4

私は自分のサイトに水平魚眼/ドックナビゲーションを配置しようとしていますが、固定位置にする必要があります...私が見つけたものはすべて固定位置をサポートしていません。

これが私が見つけたもののいくつかへのリンクです：

  • jQuery OS X Dock＃1-固定ポジショニングをサポートしていません
  • CSSドックメニュー-これは上記のものと非常によく似ています...
  • euDock 2.0-固定ポジショニング（position：absolute with javascriptを使用して、同じ場所にとどまるようにする）と同様にサポートしますが、下にスクロールするとジャンプしすぎるため、これは機能しません（そのリンクに移動して意味を確認してくださいスクロール）...実際の固定位置は通常、スクロールすると完全にスムーズになります。

壊れない横型のものはまだ見ていません。上の最初のリンクと同じページで機能する縦型のものがあります。

固定位置で動作する魚眼/ドックメニューを知っている人はいますか？

編集：位置を固定に変更すると、特にこれらのメニューの機能が壊れます（上記の最初のリンクの記事でそれを言っていることさえあります）。ポジショニングを固定に変えても壊れないものを探しています。

4

5 に答える 5

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を変更すると、subtractscrollTopが表示されます

于 2009-11-12T11:54:26.837 に答える
0

固定測位はCSSで行うことができます。

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

私はこれらの魚眼レンズのJavaScriptを使用したことはありませんが、固定要素で機能すると思います。

于 2009-08-08T21:12:41.040 に答える
0

これを試してみることをお勧めします。

ナビゲーションバーを1つのdivに、コンテンツを別のdivに、オーバーフロー自動で表示してみませんか？その後、ナビバーは常に一番上にあります。

ここのように：http ：//www.pmob.co.uk/temp/fixed-header.htm

于 2009-11-13T10:16:09.217 に答える
0

ホイールの再発明を回避するための、すぐに使用できるいくつかのソリューション（もちろん、ライセンスで許可されている場合）

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

于 2009-11-15T12:29:18.143 に答える
0

このパッチを使用して、jQueryインターフェイスFisheyeにパッチを適用できます。次に、Fisheyeはposition: fixed;

参照： http ：//www.monkey-business.biz/181/jquery-interfaces-fisheye-position-fixed-patch/

于 2010-01-05T07:51:29.767 に答える