Javascript 使用水平滚动将页眉固定到页面顶部
我在每页的顶部都有一个导航标题。我希望用户能够用滚动条滚动水平溢出。我知道这仅仅用CSS是不可能的,但是有人能帮我处理JavaScript部分吗 如果这太笼统,我会发布我的项目代码,但它相当广泛 例: |示例标题|关于|联系| Bl |(截止)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。将标题设置为使用
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