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

Question

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

我看过以下内容，但没有帮助:

CSS: fixed position on x-axis but not y?

Centering a fixed element, but scroll it horizontally

Answer 1

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

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

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

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