javascript - 使用水平滚动将标题固定到页面顶部

Question

我在每个页面的顶部都有一个导航标题。我希望用户能够使用滚动条滚动水平溢出。我知道仅使用 CSS 是不可能的，但是在 JavaScript 部分可以帮助我吗？

如果这太笼统，我会发布我的元素代码，但它非常广泛。

例如:

|标题示例 |关于 |联系 | Bl | (切断)

<-------------------->(滚动条)

Answer 1

您可以使用我的代码的一个版本:

function reposition(){
    var el = document.getElementById('header');
    var ScrollLeft = document.body.scrollLeft;
    if (ScrollLeft == 0)
    {
        if (window.pageXOffset)
            ScrollLeft = window.pageXOffset;
        else
            ScrollLeft = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
    }
    el.style.left = "-" + ScrollLeft + "px";
}

将 'header' 替换为您的 header ID。

希望这对您有所帮助!