1

かなり複雑なレイアウトのHTMLページがあります（ここを参照）。そのページに、訪問者がどこにいても思い出せるようにドラッグできる画像を配置する必要があります。ブックマーク機能を実装しましたが、画像を簡単に取得できる場所に配置する必要があります。

基本的に、要素を右側のToCの下に配置したいのですが、スクロールして表示されないようにする必要があります。

JavaScriptを使用して、要素がスクロールして表示されなくなったらすぐに要素を移動できると思いますが、より良いオプションはありますか？「ToCdivまたはview.topのどちらか大きい方のすぐ下にフロートする」と言えますか？

または、固定ヘッダー（リンクとToCを含む）を作成する必要がありますか？

他のアイデアはありますか？

4

2 に答える 2

1

画像を固定したいが、ウィンドウの上部までスクロールできるようにしたい場合は、ウィンドウのスクロールイベントを処理し、画像を上部にスクロールしたときに画像の位置を固定に設定する必要があります。

この例については、QuirksModeのサイトナビゲーションを参照してください。

または、TOC全体position: fixed; right: 0;を指定し、tocに幅を指定して、ティーザーにTOCの幅に等しい右マージンを指定することもできます。この方法ではJavaScriptの要件はなく、目次全体が常に表示されます。

于 2010-03-01T16:08:42.810 に答える
1

おそらくJQueryを使用して実行できますが、常に不安定になります。固定DIVを検討します。もちろん、メニューの下に配置して、メニューより高くなることはなく（=上端に近づく）、その位置を維持することもできます。

.thingy { position: fixed; right: 0px; top: 415px; width: 256px }

それには、メニューの下に他に何もないことが必要になります。そうしないと、ブックマークアイコンが他のものと重なってしまいます。

于 2010-03-01T16:10:22.603 に答える