ホームページ > ウェブフロントエンド > htmlチュートリアル > div の配置に関するいくつかの質問です。position:fixed_html/css_WEB-ITnose

div の配置に関するいくつかの質問です。position:fixed_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:20:26
オリジナル
1465 人が閲覧しました

div, css 位置 div css 位置

会社は Renren タイムラインに似たページを作成する必要があるため、ページがスクロールされたときにタイムラインの相対的な画面位置を変更しないようにする必要があります。これには、タイムラインの div を配置するために、position:fixed が必要です。つまり、div の固定位置を指定するには、左、上、右、およびその他の位置を指定します。たとえば、position:fixed;left:1000px;top:100px で配置できます。

しかし、position:fixed ソリューションには問題があります。ウィンドウの幅が 1000 ピクセル未満になるか、高さが 100 ピクセル未満になるようにウィンドウを縮小すると、div は表示されません。 Renrenのタイムラインを見てみると、ウィンドウ縮小時に表示できることがわかりました。jsで制御している可能性があります(私は愚かで、20分後に制御方法を理解できませんでした)。この問題に詳しい子供用靴はありますか?または、位置の問題に対する解決策がある場合: 修正されました。助けてください。ありがとうございます。

ディスカッションへの返信 (解決策)

ブラウザの相対位置を修正し、onresize イベントをリッスンし、ウィンドウの幅が 1000px 未満または高さが 100px 未満の場合、ウィンドウの上部と左側に値を再割り当てします。 div を使用して可視にします。
window.onresize =function(){
//....
}

ブラウザの位置に相対的に固定されており、ウィンドウの幅が 1000px 未満または高さが 1000px 未満の場合に onresize イベントをリッスンできます。 100px、div の上部と左をリセットします。値を割り当てて表示できるようにします。
window.onresize =function(){
//....
}

ありがとうございます。今日は返信をまだ読んでいません。

それが私がやったことです。

これからもよろしくお願いします。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート