如何使位置：固定div水平滾動

我希望它是垂直固定的，但我希望它與其餘內容水平滾動（注意水平滾動條）。

這是可能的CSS？或者我需要Javascript（在這種情況下，我怎麼能這樣做）？

enter image description here

2012-01-18 John Assymptoth

[CSS：固定位置在x軸上但不是y？]的可能重複（http://stackoverflow.com/questions/2049845/css-fixed-position-on-x-axis-but-noty ） – kapa 2012-01-18 15:32:21

你需要的JavaScript。在這裏你可以閱讀教程（mootools）：http://www.rickyh.co.uk/css-position-x-and-position-y/。這裏一個類似的問題，解決了的jQuery：CSS: fixed position on x-axis but not y?

來源

2012-01-18 15:15:32

您可以通過CSS自己做：

<div style="width:250px; height:250px; border:solid;overflow:scroll; overflow-y:hidden"> 
    <div style="width:500px; height:500px; border:solid;"></div> 
</div>

來源

2012-01-18 15:23:53

這個解決方案的問題是滾動條出現在div旁邊......我想讓滾動條出現在瀏覽器的底部。 – 2012-01-18 15:58:53

老問題，但我也一直在尋找一個解決方案還，發現一個不錯的簡單的jQuery解決方案，並推斷別人可能會發現，如果沒有別的有幫助的：

$(window).scroll(function(){ 
        $('#header').css('left', originalLeft - $(this).scrollLeft()); 
    });

與頭是股利和originalLeft是，好，初始左：位置。這也適用於有人滾動然後縮小的情況，這樣它就可以到達你想要的位置。

來源

2012-06-11 14:42:52 Fewfre

如何使位置：固定div水平滾動

回答

相關問題