如何使位置：固定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水平滚动

回答

相关问题