使用水平滾動修復頁面頂部

我在每頁的頂部都有一個導航標題。我希望用戶能夠用滾動條滾動水平溢出。我知道這僅僅是CSS不可能的，但是可以幫助我使用JavaScript部分嗎？使用水平滾動修復頁面頂部

如果這太籠統了，我會發布我的項目代碼，但它非常廣泛。

例如：

|示例標題|關於|聯繫| Bl | （切斷）

< ------------------>（滾動條）

2012-09-05 Harangue

您可以使用一個版本的我的代碼：

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。

希望這會有所幫助！

來源

2012-09-05 23:58:46

非常感謝！ window.pageXOffset在瀏覽器中是否存在兼容性問題？ – Harangue

'window.pageXOffset'僅適用於Firefox/NS6 +/Chrome。和'document.body.scrollLeft'是爲IE –

這是可能的CSS。將您的標題設置爲overflow: auto;。

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

來源

2012-09-05 23:56:05 tuff

感謝您的提示。對不起，我沒有說清楚。我希望標題與主滾動條交互。 – Harangue

偉大的工作凝灰岩 – Moons

使用水平滾動修復頁面頂部

回答

相關問題