CSS – 如何让一个相对元素跟我上下，但不是左右？

我有一个固定位置的父div，在div的内部我有一个相对位置的主div。 当我上下滚动它时，它跟着我（这是我想要的）但是当我从左到右（或从右到左）滚动条形图时我不希望它跟着我。

HTML：

 
 icons 
 </div 

CSS：

 #wrapper { position: fixed; z-index: 1000; top: 155px; } #icons { width: 42px; position: relative; left: -67px; } 

谢谢！！

Answer 1

您基本上必须根据其初始位置和当前的$(document).scrollLeft()值更改#wrapper的left值：

 var initSL = $(document).scrollLeft(), initOL = $('#wrapper').offset().left; $(document).scroll(function(e){ $('#wrapper').css('left', initOL - ($(document).scrollLeft() - initSL)); }); 

见例→

Answer 2

无需涉及JS或jQuery。 我稍微修改了以前的答案，只使用html和css

位置：固定;

http://jsfiddle.net/z52qG/11/