Question

我在每个页面的顶部都有一个导航标题。我希望用户能够使用滚动条滚动水平溢出。我知道只有CSS才能实现这一点，但是对于JavaScript部分有什么帮助吗？

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

例如：

|示例标题|关于|联系| Bl | （切断）

＆LT; ------------------＆GT; （滚动条）

Answer 1

CSS可以实现。设置标题以使用overflow: auto;。

示例：http://jsbin.com/edopor/4/edit

Answer 2

您可以使用我的代码版本：

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'替换为您的标头ID。

希望这有帮助！

使用水平滚动将页眉修复到页面顶部

2 个答案: