タグ付けされた質問 「position」

位置とは、コンテナに対する要素の位置を指し、通常は水平軸と垂直軸上にあります。

12
RecyclerView-特定の位置でアイテムの上部にスムーズにスクロールする方法は?
RecyclerViewでは、次のコマンドを使用して、選択したアイテムの一番上に突然スクロールできます。 ((LinearLayoutManager) recyclerView.getLayoutManager()).scrollToPositionWithOffset(position, 0); ただし、これにより、アイテムが突然上位に移動します。スムーズにアイテムの先頭に移動したい。 私も試しました: recyclerView.smoothScrollToPosition(position); ただし、アイテムを一番上に選択した位置に移動しないため、うまく機能しません。位置にあるアイテムが表示されるまでリストをスクロールするだけです。

3
css-divを含むdivの下部に配置
含まれているdivの下部にdivを配置するにはどうすればよいですか? <style> .outside { width: 200px; height: 200px; background-color: #EEE; /*to make it visible*/ } .inside { position: absolute; bottom: 2px; } </style> <div class="outside"> <div class="inside">inside</div> </div> このコードは、ページの下部に「内側」のテキストを配置します。
118 css  position 

6
jqueryを使用してビューポートに対する要素の位置を取得する
(ドキュメントではなく)ビューポートを基準にしたページ上の要素の位置を取得する適切な方法は何ですか。jQuery.offset機能は有望であるように見えました: ドキュメントに対して、最初の要素の現在の座標を取得するか、一致する要素のセット内のすべての要素の座標を設定します。 しかし、それはドキュメントに関連しています。ビューポートに関連するオフセットを返す同等のメソッドはありますか?

5
TD内で相対位置/絶対位置を使用しますか?
私は次のコードを持っています: <td style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; bottom: 0px;"> Notice </div> </td> これはまったく機能しません。何らかの理由で、position:relativeコマンドがTDで読み取られず、通知DIVが私のページの下部にあるコンテンツコンテナーの外側に配置されています。私はTDのすべてのコンテンツを次のようなDIVに入れようとしました: <td> <div style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; …




5
位置:絶対と親の高さ?
私はいくつかのコンテナを持っており、その子は絶対的/相対的に配置されています。コンテナの高さを設定して、子供が中に入るようにする方法は? これがコードです: HTML <section id="foo"> <header>Foo</header> <article> <div class="one"></div> <div class="two"></div> </article> </section> <div style="clear:both">Clear won't do.</div> <!-- I want to have a gap between sections here --> <section id="bar"> <header>bar</header> <article> <div class="one"></div><div></div> <div class="two"></div> </article> </section> CSS article { position: relative; } .one { position: absolute; top: 10px; …
100 html  css  position  height  absolute 

6
スティッキーサイドバー:下にスクロールすると下に、上にスクロールすると上に貼り付けます
スティッキーサイドバーの問題の解決策を探していました。私はそれをどのように行動させたいかについて具体的な考えを持っています。事実上、下にスクロールすると下にくっつき、上にスクロールするとすぐに上にくっつき、滑らかな動き(ジャンプなし)になります。私が達成しようとしていることの例を見つけることができないので、私はポイントをより明確に説明することを望む画像を作成しました: サイドバーはヘッダーの下にあります。 下にスクロールしても、サイドバーはページのコンテンツと同じ高さのままなので、サイドバーとコンテンツの両方をスクロールできます。 サイドバーの下部に到達すると、サイドバーはビューポートの下部に固定されます(ほとんどのプラグインは上部にのみ固定できますが、下部に固定できるプラグインの中には両方を使用できないものもあります)。 下部に到達すると、サイドバーはフッターの上に配置されます。 上にスクロールしても、サイドバーはコンテンツと同じ高さに保たれるため、コンテンツとサイドバーをもう一度スクロールできます。 サイドバーの上部に到達すると、サイドバーはビューポートの上部に固定されます。 上部に到達すると、サイドバーがヘッダーの下に戻ります。 これで十分な情報になるといいのですが。プラグイン/スクリプトをテストするためにjsfiddleを作成しましたが、この質問のためにリセットしました:http://jsfiddle.net/jslucas/yr9gV/2/ .

7
ReactNativeの絶対位置決め水平中心
でているようですposition:absolute、使用中の要素を使用して中心にすることはできませんjustifyContentかalignItems。使用する回避策がありますmarginLeftが、デバイスの高さと幅を検出するために寸法を使用しても、すべてのデバイスで同じように表示されるわけではありません。 bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, bottomNav: { flexDirection: 'row', },
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.