c# - 水平滚动固定的页眉/页脚

Question

我有一个设置为最小宽度为 960 像素并固定在页面顶部的标题。当用户将窗口缩小到小于 960 像素时，会出现水平滚动条，它应该是这样。但是，当用户水平滚动时，由于某些标题被切断，我希望能够以与页面相同的速率滚动标题......我非常希望我的标题垂直固定，而不是水平固定。

我查看了以下内容，但没有帮助：

CSS：x轴上的固定位置但不是y？

居中固定元素，但水平滚动

Answer 1

我知道这是一个过时的问题，不确定您是否已经弄清楚了，但想提交一个答案，以防其他人遇到同样的问题。

当您fixed在 CSS 中将内容设置为具有最小宽度时，它会相对于两个轴上的窗口锁定。当窗口的大小调整到小于最小宽度时，多余的页眉/页脚将被剪裁并且无法滚动到。不幸的是，没有办法仅在 CSS 中改变这种行为。但是，有一个简单的 jQuery 修复您的问题（假设您已经在页面上有其他将创建水平滚动条的内容）：

    $(window).scroll(function ()
    {
        $("header,footer").css('margin-left', -($(window).scrollLeft()) + "px");
    });

这将导致页眉和页脚（视情况而定）在 x 轴上以与滚动相反的方向移动，从而达到您想要的效果。