我在每个页面的顶部都有一个导航标题。我希望用户能够使用滚动条滚动水平溢出。我知道仅使用 CSS 是不可能的,但是有什么可以帮助我处理 JavaScript 部分吗?
如果这太笼统,我会发布我的项目代码,但它非常广泛。
前任:
| 示例标题 | 关于 | 联系方式 | 提单 | (隔断)
<----------------->(滚动条)
我在每个页面的顶部都有一个导航标题。我希望用户能够使用滚动条滚动水平溢出。我知道仅使用 CSS 是不可能的,但是有什么可以帮助我处理 JavaScript 部分吗?
如果这太笼统,我会发布我的项目代码,但它非常广泛。
前任:
| 示例标题 | 关于 | 联系方式 | 提单 | (隔断)
<----------------->(滚动条)
使用 CSS 是可能的。将您的标题设置为使用overflow: auto;
.
示例:http: //jsbin.com/edopor/4/edit
您可以使用我的代码版本:
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。
希望这可以帮助!