Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用水平滚动将页眉固定到页面顶部_Javascript_Html_Css_Header_Horizontal Scrolling - Fatal编程技术网

Javascript 使用水平滚动将页眉固定到页面顶部

Javascript 使用水平滚动将页眉固定到页面顶部,javascript,html,css,header,horizontal-scrolling,Javascript,Html,Css,Header,Horizontal Scrolling,我在每页的顶部都有一个导航标题。我希望用户能够用滚动条滚动水平溢出。我知道这仅仅用CSS是不可能的,但是有人能帮我处理JavaScript部分吗 如果这太笼统,我会发布我的项目代码,但它相当广泛 例: |示例标题|关于|联系| Bl |(截止) (滚动条)可以使用CSS。将标题设置为使用overflow:auto 示例:您可以使用我的代码的一个版本: function reposition(){ var el = document.getElementById('header');

我在每页的顶部都有一个导航标题。我希望用户能够用滚动条滚动水平溢出。我知道这仅仅用CSS是不可能的,但是有人能帮我处理JavaScript部分吗

如果这太笼统,我会发布我的项目代码,但它相当广泛

例:

|示例标题|关于|联系| Bl |(截止)


(滚动条)

可以使用CSS。将标题设置为使用
overflow:auto


示例:

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

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";
}
用标题的id替换
“标题”


希望这有帮助

谢谢你的提示。对不起,我没说清楚。我希望标题与主滚动条交互。非常感谢!window.pageXOffset在浏览器中是否存在任何兼容性问题?
window.pageXOffset
仅适用于Firefox/NS6+/Chrome。而
document.body.scrollLeft
用于IE