固定トップバーを実装したいのですが、同時にページの残りの部分と一緒に水平にスクロールする必要があります。レスポンシブサイトではありません
CSS だけでは、position: fixed はページの残りの部分と一緒にスクロールしません。したがって、2つのアプローチがあります
1) 位置固定を使用せず、代わりにコンテナをドキュメント フローに残しますが、javascript を使用してウィンドウの上部に垂直に配置します。これに関する問題は、ブラウザでのスクリプトの速度が十分ではなく、垂直方向にスクロールするたびに、トップ バーが移動してコンテンツを覆う直前に、コンテンツが一瞬点滅することです。
2) 位置を固定し、JavaScript を使用して、ユーザーの左右のスクロール量に基づいて水平方向に配置します。これに関する問題は、携帯電話にはスクロール時のアニメーション (一種の加速アニメーション) があり、アニメーションが停止した後にしかスクリプトが実行されないことです。これも厄介です。
これらは、私がこれを実装した 2 つの方法です。小さな画面のデスクトップや携帯電話でうまく機能する他のオプションがあれば、期待していました。