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 :)
}