コンテンツのスクロールのみを許可するWebページを設計する - Dreamweaver

Question

Dreamweaverを使用してページのコンテンツのみをスクロールするWebページを設計したいと考えています。背景画像をスクロールしても効果はありません。

サブQstn - ページがスクロールしてWebページに表示されるときに、常に上にあるヘッダーを有効にする方法。 Facebook.comは、この機能の特徴として、青色のヘッダーは常にアクティブのままです。

Dreamweaverでの命令設計を楽しみにしています。レスポンスは、他の方法やソフトウェアツールを使用して評価されました。私の答えが両方の質問に対して別々に構成されていれば、私は満足しています。

* コンテンツ（基本的には、ロゴ、テキスト、写真など）は、背景画像の上に表示されます。

ヘッダー - つまり、通常はロゴであり、主にメニューが配置されている場所です。私はあなたがFacebookに言及していることを見逃していないことを願っています。

ありがとうございました&乾杯！固定ヘッダについて

Answer 1

は：

CSSでは、これをすることによって達成される：無視する1ページをスクロールするスペースキーを押し

• ：

  #header { 
      position: fixed; 
  } 
  #content { 
      padding-top: enough; /* otherwise the header would hide the beginning of content */ 
  } 
  

  この方法には多くの問題があります。ページの一部が固定コンテンツで占められているという事実。コンテンツは、1ページの高さをもはや厳密にわずかに占有しません。

• 固定フッタはさらに悪化します。リンクやフォーム要素にキーボードのタブを使用すると、固定フッターの下に表示されます。それを行わないでください。また、ユーザーごとに無効にする方法もあります。
• これは、ネットブックで有用な画面の不動産を利用します。 1024 x pxマイナスOSバー、ウィンドウバー、ブラウザメニュー：あまり高さはありません！
• ヘッダーまたはメニューの場所を知っているユーザーは、ページの上部にあります。彼らはウェブの仕組みを知っています。それは問題ありません。あなたは「トップに行く」リンクやショートカットを提供することはできますが、長いページで役に立つことがあります。

Answer 2

私はあなたを正しい方向にリンクさせることができます。

Scroll to anchor with fixed header, content hidden behind header, margin and top padding not workingに記載されているように、http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D にサブ質問の答えを得ることができます。コンテンツが上下にスクロールするとナビゲーションがどのように固定されるのか注意してください。

固定背景に関するw3school http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachmentのデモをご覧ください。お役に立てれば。

多くの場合、html/cssの知識が少なくとも必要です.Dreamweaverは、htmlやCSSを学ぶ必要がある前に、あまり多くのことを行うことができます。

Answer 3

background: url("asdf.jpg") fixed;