分區固定在垂直滾動但絕對水平

Question

這是我想要的。我想要一個頂部欄和導航菜單連接到欄。我做了這個沒問題。我想要禁止和導航菜單跟隨我，如果我上下滾動。我可以做一個固定的位置。但是，如果我有一個固定的位置，那麼當我從左向右滾動時，他們會跟隨。

我希望隨着用戶滾動上下滾動頂部欄和導航菜單，但如果他們從左向右滾動，我希望它像絕對位置一樣動作，並且變得部分或完全隱藏（取決於用戶滾動多少）。

這可能嗎？我見過幾個主題，但一直未能爲我工作。

這裏是我的jfiddle http://jsfiddle.net/kyleseitz/rX4Vh/11/

我想要的一切，當我向下滾動，向下移動，我和備份時，我向上滾動。但是，如果我得到一個水平滾動條，我想通過查看窗口。

我在之前的問題中找到了javascript，但是我無法讓它爲我工作。

.slim {position: absolute;} 


<div id="phantombar" class="slim"> 

<!--I Technically don't need these if they are not neccessary-->  
<div id="phantombar" class="fixed_elem"> 
<div id="headWrap"> 

Answer 1

ScrollToFixed是一個jQuery插件，用於修復頁面上的元素（頂部，底部，任何地方）;但是，它仍然允許元素繼續向左或向右移動水平滾動。

網站：https://github.com/bigspotteddog/ScrollToFixed

演示：http://bigspotteddog.github.io/ScrollToFixed/

Answer 2

嘗試使用此。也許工作：

$(function(){ 
    var elements = $('#ptm, #spt, #support, #act, #left_nav'); 
    elements.css('position', 'absolute'); 

    $(window).scroll(function(){ 
     if($(this).scrollLeft()){ 
      elements.removeAttr('style').css('position', 'absolute'); 
     }else{ 
      elements.removeAttr('style').css('position', 'fixed'); 
     } 
    }); 
}); 

elements可以添加更多，取決於需求。