私はここ数日間これに取り組んできましたが、完全にスムーズに動作させることができません。

コンセプト: マルチ div ページでは、下にスクロールするときはナビゲーションがウィンドウの上部に固定され、検索をスクロールするときはナビゲーションの下に検索が固定されます。

修正が必要な問題 (主な問題は 2 つだけ):

• ウィンドウ/ドキュメントの上部にスクロールした後、ナビゲーションはフローティングクラスを失いません。

• 検索がナビゲーション div の下に固定された後、スクロールを続けると、検索がランダムに表示されたり消えたりします (おそらく)。常に表示されるはずです (これはparseFloatの問題ですか?)

• オプション - ナビゲーションに固執するときに検索に追加できるアニメーションが欲しい

• オプション - ウィンドウ/ドキュメントのサイズが変更された場合でも、位置を絶対位置から固定位置に変更した後、検索をoffset.leftのままにします

これが私のコード全体のクローンです：

http://jsfiddle.net/W2FR4/16/

提案をいただければ幸いです。

ダニー

マウスポインターの横にフローティング画像を表示するJavaScriptコードがあります（phpを使用すると、マウスがホバリングしている画像が表示されますが、ページ自体の画像のサイズが縮小されるため、フルサイズになります）少し）。ただし、画像がページの左側にある場合は問題ありませんが、画像が右側にある場合は問題があります。

コード：

以下は、フローティング コンテンツをトリガーする標準的な画像です。

.... それ自体は問題なく動作します。次のサムネイル画像にマウスを合わせると、縦横比を維持したまま、それに応じてフローティング画像が変化します。ただし、サムネイル画像が右側にある場合、フローティング画像は画面の右端から外れて表示されず、表示されません。JS コード内に「ブロック」を配置して、サムネイル画像が代わりに、マウスポインターの左側に画像が表示されるよりも、コンテンツの端 (画面の端または含まれる DV レイヤーの端) に近いですか?

次の質問: このコードは、ページを単独で開くと問題なく動作しますが、私の Web サイトのデザインでは、AJAX を使用して DIV レイヤー内でページを開くように呼び出します。これによりコードが壊れ、動作しません。これは、私が作成した他のスクリプトで発生しました。それ自体は正常に動作しますが、AJAX ロード リクエストを介して挿入すると失敗します。これはどのように解決できますか？

ありがとう。

私は何よりも優れた Web 開発スキルを実践するという意図で、個人の Web サイトに取り組んでいます。私はクロス ブラウザー (ほとんどの最新のブラウザーも IE6) を構築しようとしています。また、できればクロス デバイス (モバイル デバイスでも同じように維持しようとしています) の Web ページを構築しようとしています。私が構築したいのは、ヘッダーとフッターを備えた 3 列のフローティング レイアウト デザインです。これまでに、いくつかの優れたプラクティスを見つけました..そうでない場合は修正してください..

何よりもまず、構造 (HTML)、プレゼンテーション (CSS)、動作 (JS) を相互に排他的に保つことです。スケーラビリティのための最良のオプションは、em 単位よりも %units のようです 不必要に div を使用しないでください。

タグ 必要に応じてパディングを使用して、スタイリングにマージンを使用しないことをお勧めします

今私の問題は、私のウェブページに画像があることです。今まで %units しか使用していませんでしたが、画像の幅に %unit を使用すると、スケーラブルになりません。すべての Web ページで em 単位を使用し、css で em 単位で幅を設定することにより、画像をスケーラブルのままにすることができます。

しかし、それを行う前に、画像をスケーリングするのが良い方法であるかどうか、また、そのようなデザインで直面する問題は何かを知りたいと思っていました.

ありがとう このアイデアに関する提案や情報は大歓迎です。

EclipseRCPに23列のSWTテーブルを作成しました。テーブルには水平スクロールバーのみがあります。実行時に、ビュー（ウィンドウ）が一度にすべての列を表示できないため、右方向にスクロールしたり、その逆にスクロールしたりすると、左側の列が遮られることは明らかです。ただし、テーブルの左側にある列の1つ（たとえば列2）を移動できるようにしたいので、実行時にテーブルデータを右方向にスクロールすると、テーブルの左端に浮かぶはずです。

colを設定してみました。のように移動可能なプロパティ：

ただし、col.2を移動できるのは（withingテーブルヘッダーをドラッグすることによって）のみです。しかし、テーブル内の他のデータを（右/左に）スクロールしている間、列がテーブル上に浮かんでいることを望みます。これを行う方法を教えてください。

問題：css、html、head、bodyのコンテンツを指定するマスターページがあるため、フローティングdivテクニックを使用できず、ajax/aspのみのルートを通過する必要があります。このテーマに関してオンラインで見つけたのは、これを実装するのに問題がある人だけですが、実際に機能するサンプルコードはありません。

jtricks.comからjQueryベースのフローティングdivメニューを使用しようとしましたが、手順はasp.netファイルではなくhtmlファイルに対するものであり、ページの読み込みでエラーが発生しました。

Ajaxを介してTabContainerまたはDragPanelでフローティングdivを使用する際のサンプルコードを提供してください。

ありがとう！:)

環境: Rails 3.1rc5、jQuery、ubuntu 11.04、Google Chrome (13)、Mozilla Firefox (6.0)

私はかなり限定されたオフィス内での展開を行うプロジェクトに取り組んでいます。そのため、これは常に最新バージョンの Firefox で実行されていると言えます。狂った js、css3、または html5 を必要に応じて実行できます。

このプロジェクトは、サイド バー (アクション用) と中央に (水平方向と垂直方向の両方に) スクロールする注文のリストを含むペインを備えたアプリケーションを模倣することを目的としていますが、本体はスクロールしません。

中央のペインには、注文の上にヘッダーがあり、ユーザーがスクロールするときにページを下にフロートさせる必要があります。position:fixed は使用できません。これは、垂直方向だけでなく水平方向にもスクロールする必要があるためです (画面の領域よりも多くのフィールドがあります)。私はそれを機能させましたが、Chrome では遅延があり、Firefox では非常に遅延しています。ユーザーがスクロールを停止するまで、ヘッダーは実際には移動していないようです。

これは一種の複雑なレイアウトであるため、jsfiddle で再作成しようとしましたが、実際には中央のペインでのスクロールを機能させることができません。少なくとも、私がやろうとしていることのより良いアイデアを提供します:

http://jsfiddle.net/d3vkit/8E786/

私が使用しているコーヒースクリプトは次のとおりです。

生成する JavaScript は次のとおりです。

私の唯一の考えは、多くのリスト項目の上にたくさんのリスト項目を移動しているためであるということです.おそらくそれは多すぎます.

このフローティング ヘッダーを正しく実行していますか? 物事を引き締めるための指針はありますか？(そして、私のフィドルがオーバーフロー スクロールを表示しないのはなぜですか?)

アップデート

私は jsfiddle ( http://jsfiddle.net/d3vkit/8E786/ )にもう少し取り組み、ヘッダーを動かして、発生する遅延を示しました。スクロールするとcssが更新されますが、十分に速くはないので、びくびくしているようです。どうすればこれを修正できますか?

jQueryまたは別の方法を使用して、iPhoneのスクロールバーに似たフローティングバーでiframeスクロールバーを置き換える方法はありますか?

iFrame 内に外部サイトを読み込んでいるので、ページのコンテンツを変更する可能性はありません。

アプリでポップアップ/フローティング ウィンドウを作成しようとしています。ホームキーを長押しすると、Android アプリのスイッチャーのように。それは実際にはアクティビティとしてカウントされません。

これはどのように行うことができますか？

ありがとう！

/ ------------------------------------------------- ---------------------------------- /編集：固定CSSポジショニングを使用したくありません。スクロールせずにビューポートの下部にありますが、上部に到達したときにフォローしたいと思います。/ ------------------------------------------------- ---------------------------------- /

MASSIVEサイドバーを使用してSqueezeページを作成しています。たくさんの推薦状や事実、写真などがあります。ただし、上部にボタンがあり、ユーザーがスクロールするときにページを下に移動したいと思います。難しいことではありませんか？

私はこのスクリプトを持っています-それがページの上部に当たると.followmeのドラッグを開始します。ただし、その下にあるすべてのdivも押し下げられました。JUST .followをターゲットにして、その下のdivに影響を与えないように指示できますか？

事前に作成された他のパネルの上にフローティング パネルを作成しようとしています。次の簡単なコードを試しましたが、失敗しました。

他に何を考える必要がありますか？

ありがとう！