問題タブ [document-body]

私はこのフィドルを持っています。 http://jsfiddle.net/QF47A/3/

さて、私は自分のウェブサイトで同様のコードを試してみましたdoctype. 次に、コードは常にtopfromを返し0pxます。

よく見てください：JsFiddleで。から始まり、0負の数に昇順します。

昨日、body 要素をラッパーとして使用して、div.page-margins や div.wrapper などを body 要素の直接の最初の子として使用することについて、同僚と話し合いました。

ボディをページ ラッパーとして使用し、幅、マージン、位置などのあらゆる種類のスタイルを適用するのが好きです。クイック検索で、私を確認するこれらの 2 つのブログ投稿 [ 1、2 ]を見つけました。

私の同僚は、以前にいくつかの問題 (IE7 + ページのズーム) があり、本体内で div.wrapper を使用していたため、このアイデアが好きではありません。

だから私の質問は: body 要素を通常のコンテナ要素として使用することに反対するコード固有の引数はありますか?

補遺: フロントエンド チームのベスト プラクティスを定義しているため、いくつかの習慣を取り除きたいと考えています。

件名と本文を含むメールを送信したい。

これは現在の私のコードであり、期待どおりに機能します。アプリを離れて、メールで新しいメッセージを作成しています。

ただし、次のような件名と本文を含む、より複雑なメッセージを作成したいと考えています。

件名を追加するとすぐに何もしません。
私が間違っていることは何ですか？

右側から表示されるオフキャンバス メニューを作成しようとしています。body 要素には、メニューに nav タグがあります。Nav タグはブラウザのウィンドウの外にある必要があるため、絶対位置と right プロパティが負の値に設定されています。本文の幅は 100% で、overflow-x は非表示に設定されています。jquery を使用して、body 要素の css 'opened' クラスを切り替えます。これにより、body が左に移動し、nav が表示されます。

HTML 部分:

CSS 部分:

Jquery 部分:

これがどのように見えるかです: http://jsfiddle.net/EwCVH/
実際の 例: http://vital-element.com

PC ではすべて問題ありませんが、たとえば携帯電話で開くと、overflow-x プロパティが機能しなくなり、水平方向にスクロールして非表示のナビゲーションを表示できます。これはクリックでのみ開くはずです。

隠しオーバーフローxプロパティをhtmlタグに追加しようとしましたが、タッチデバイスで水平スクロールを実際に隠していますが、メニューを開こうとすると、本体だけが左に移動し、オーバーフロープロパティによってメニューが非表示になります(と思います)。

助言がありますか？ありがとう。

styleJavaScript を使用して、以下をbodyHTML または別のdivに適用したいと考えていますmouseover。そしてリバースオンmouseout。可能であれば両方ともフェード付きですか？

スタイル：

前もって感謝します。PS Javascriptを学び始めたばかりです。