2017-10-12 4 views
0

モバイルスクリーン幅の固定ヘッダーの直後にある固定/固定バーを追加しようとしていますが、すべてのCSSプロパティ固定ヘッダーの直後にdivをスティックする必要がありますが、スクロールに固定されていないので、誰かがChromeやFirebugを使って約400pxのモバイルビューでこのリンクを見て、私が間違っていたことを教えていただけたら大変感謝します。Divがモバイル対応ビューでスクロールして固定位置に設定されていない

以下は、固定ヘッダーをスクロールして浮動させようとしているdivのCSSです。それはtransformプロパティセット(source)を有する場合

#hstickyfor_mobile { 
    z-index: 10000; 
    transform: translate3d(0, 0, 0); 
    position: fixed; 
    top: 100px; 
    width: 100%; 
    height: 100px; 
} 

おかげ

答えて

1

位置が祖先要素に対して設定されています。

position: fixedを正しく設定している間に、.mobmenu-push-wrap要素にはtransformプロパティが設定されています。したがって、hstickyfor_mobile要素の位置は、静的な.mobmenu-push-wrap要素に関連して決定されます。

+0

ありがとうございましたDerek、まさにそれが問題でした。 – Rand

関連する問題