0
Material Design Liteを使用して固定ヘッダーをスクロールするソリューションを探しています。Material Design Liteを使用してヘッダーが上部に固定されたスクロール可能なページ
私がしたいことは、Stack Overflowがやっているようなものです。スタックオーバーフローのヘッダーにカーソルを移動し、マウスを使用してスクロールすると、ページはヘッダーが上に固定された状態でスクロールダウンします。また、スクロールバーはヘッダーの下部で停止しません。スクロールバーは、ヘッダーを通ってページの上部に延びています。これは私がしたいことです。
私のウェブページは、Material Design Liteのレイアウトコンポーネントを使用しています。私はmdl-layout--fixed-headerを使って私のヘッダーを修正しています。ヘッダーは固定されており、ページの内容はスクロール可能ですが、カーソルがヘッダーの上にあるときにマウスを使用してページをスクロールできず、ヘッダーの下部にスクロールバーが停止します。
スタックオーバーフローのようにページレイアウトを作成するにはどうすればよいですか？
と思います。私のヘッダーはページの上部に固定され、ヘッダー上でページをスクロールできますが、ヘッダーは透明になり、ヘッダー上のリンクをクリックすることはできません。私はそれが 'z-index 'のためだと思ったので、ヘッダーの' z-index'の値を増やしました。今は透明ではありませんが、ヘッダーはスクロールバーを覆い、ページをスクロールできませんヘッダー何か案が？ – tet
スクロールバーの 'z-index'を増やそうとしていますか？ – imcvampire
別のオプションは、ヘッダを 'body'の隣に移動し、他のすべての要素はヘッダと同じレベルを持つ' div'の中にあります。 – imcvampire