jquery - CSS 固定 y 軸のみ

Question

私はナビゲーションバーを持つプロジェクトに取り組んでいます。簡単にアクセスできるように、ページをスクロールするときにナビゲーションバーを固定する必要があります。問題は、ブラウザの画面サイズを狭くして右にスクロールすると、ナビゲーション バーが固定されたままになり、ナビゲーション バーの右側にあるボタンにアクセスできないことです。インターネットを検索しましたが、解決策が見つかりませんでした。X 軸の修正について何かを見つけましたが、jQuery が唯一の解決策であり、jQuery について何も知らないため、Y 軸でも機能するようにコードを変更できませんでした。

Answer 1

#boxToFloat{
    position:fixed;
    left:10%;
    top:10%;
    z-index:100;
    border-radius:4px;
    border:1px solid #FCFCFC;
    background:#333333;
    content:'tudhur!';//forgive my comical sense & spelling :)
}