0

ケース

スムーズなスクロールのためにOnePageNavigationjQueryプラグインを使用する単一ページのWebサイトを作成しています 。コンテンツは3つのページにグループ化されています。

  1. home.html
  2. abilities.html
  3. Portfolio.html

アイデアは、ユーザーがhome.htmlにいるとき、jQuery関数（js / pop4.js）がdiv内の他の2つのページのコンテンツをそれぞれの名前でロードすることです：＃abilities-wrapperと＃portfolio-wrapper 、またはその逆abilities.htmlスクリプトは、現在のページの他の2つのページをロードします。

また、下にスクロールしてクラスを他の2つのdivにpossition:fixed,'top':0, 'left':0追加または削除した後、メニューに追加するjQueryスクリプトを使用しています。.hidden

問題：

  • divにマージントップを持たせたい：120ピクセル。これをcssファイルに設定しました

それは私のcssファイルです：

#home-wrapper{
margin-top:120 px;
}
#abilities-wrapper{
margin-top:120 px;
}
#portfolio-wrapper{
margin-top:120 px;
}

これは私がFirebugで得たものです：

#home-wrapper{   
}
#abilities-wrapper{   
}
#portfolio-wrapper{    
}

コード全体が少し長いので、ここで確認できます

4

1 に答える 1

2

構文エラーがあるためです。値と測定単位の間に空白があるのはなぜですか？次のようになります。

#home-wrapper{
margin-top:120px;
}
#abilities-wrapper{
margin-top:120px;
}
#portfolio-wrapper{
margin-top:120px;
}

コードにエラーがあるため、そのmargin-topプロパティは設定されません。したがって、そのdivのスタイルとは見なされません。

フィドル

于 2013-02-10T09:00:40.327 に答える