2016-06-16 11 views
0

私のウェブサイト(hereを参照)私はpure.cssを使用しており、ナビゲーションバーはスクロールせずに表示できる小さな画面よりも多くの要素で構成されています。したがって、その場合はスクロールバーが表示されますが、これは嫌です。 Navbarを上部に留めて、Navbarとコンテンツが同時にスクロールするようにします。私がposition:absoluteを使うと、すべてがさらに悪化する。また、そのnavbarのモバイル版はまだ動作するはずです(navbarがまだ可能であるにもかかわらず、移動画面でスクロールする)。purecssのナビゲーションバーのスクロールバーを削除するにはどうすればよいですか?

また、overflow-yを無効にしようとしましたが、明らかに、navbarのすべての要素がクリック可能ではありません。

+0

この質問はすでに回答済みです:http://stackoverflow.com/questions/3296644/hiding-the-scrollbar-on-an-html-page#answer-25561646 – iomv

答えて

2

ナビゲーションバーとコンテンツを同時にスクロールする場合は、position:fixedを使用しないでください。

  • position:fixed
  • float:left私はあなたが欲しいものを誤解した場合は、マルコ・ヴァレンテによって行われたコメントは素敵である必要があり、コンテンツのdiv

float:rightを追加

  • メニューのdivに追加を削除します。

    +0

    パーフェクト、それは私が探していたものでした。今度は、navbarの下のスペースをnavbarの背景色で埋める方法を理解する必要があります。 – Corrumpo

    +0

    メニューdivにアクティブなクラスがある場合は、#menuから 'position:static'を削除する必要があります。 – Raptack

    関連する問題