滚动和位置:固定在溢出内:滚动div

时间:2014-03-31 21:40:35

标签: javascript css css3 twitter-bootstrap css-position

我有一个position: fixed div除了一个带有overflow: scroll div的长文本的div。即使我的光标悬停在固定的div上,我希望文本滚动(当窗口是滚动元素时,这是正常的行为)。

我做了一个小提琴:http://jsfiddle.net/jM2Eh/1/

我基本上希望在滚动悬停在红色框上时滚动文本。

更新:我在这个特殊情况下使用Twitter引导程序并相应地更新了小提琴。

如果需要JavaScript,那也没关系。

UPDATE2:我也试过这个解决方案,但这会导致奇怪的闪烁效果:

http://jsfiddle.net/jM2Eh/16/

1 个答案:

答案 0 :(得分:0)

您是否尝试过在文本节点上使用padding-left而不是使用两列?

http://jsfiddle.net/j5BLm/15/

.text {
    padding-left: 50%;
}

另一种可能的解决方案是使用指针事件:如果你不关心IE,则为none:

http://jsfiddle.net/codedigger/jM2Eh/18