リストビューとリストの上部にいくつかの情報があるページがあります。ユーザーがリストをスクロールしても情報が表示されるように、この情報を修正したいと思います。
これが私が試したことです
ご覧のとおり、div
withid: #fixed-info
は修正されていますが、ページの下部に表示されています。ヘッダー(これも固定)とリストビューの間に表示する必要があります。
何か案は?
リストビューとリストの上部にいくつかの情報があるページがあります。ユーザーがリストをスクロールしても情報が表示されるように、この情報を修正したいと思います。
これが私が試したことです
ご覧のとおり、div
withid: #fixed-info
は修正されていますが、ページの下部に表示されています。ヘッダー(これも固定)とリストビューの間に表示する必要があります。
何か案は?
次の css スタイルを情報 div に追加できます。
top:20px;
z-index:10;
トップCSSの値がヘッダーの高さになります。
あなたのフィドルを更新しました:http://jsfiddle.net/kPLK4/19/
うまくいけば、これはあなたが探していたものです。
注: 固定 div に「固定」の ID と「固定トップ」のデータ位置を指定し、もう少し普通に見えるように簡単なスタイリングも追加しました。リストの背景に合わせて赤い背景を変更すると、準備完了です。
position:static; を実装してみましたか? ? position:fixed; を使用したい人のための修正であると読みました。要素上