【问题标题】:scroll and position: fixed inside overflow: scroll div滚动和位置:固定内部溢出:滚动 div
【发布时间】:2014-03-31 21:40:34
【问题描述】:

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

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

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

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

如果需要 JavaScript,那也可以。

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

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

【问题讨论】:

标签: javascript css twitter-bootstrap css-position


【解决方案1】:

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

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

.text {
    padding-left: 50%;
}

另一个可能的解决方案是使用指针事件:如果您不关心 IE,则无:

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

【讨论】:

  • 您还将高度设置为 100%。不幸的是,这不是一个选择。
  • 另一种可能的解决方案是使用指针事件:如果您不关心 IE,则无:jsfiddle.net/codedigger/jM2Eh/18
  • 如果您使用第二条评论更新您的帖子(这对我来说很好),我会将其设置为接受的答案。但我还必须指出,我的 JS 解决方案现在也可以使用:jsfiddle.net/chmanie/jM2Eh/19
  • 完成,希望对您有所帮助。
猜你喜欢
  • 2021-03-04
  • 2018-12-05
  • 2016-11-05
  • 2015-12-29
  • 2015-12-30
  • 2014-01-25
  • 2018-02-09
  • 2014-06-03
  • 1970-01-01
相关资源
最近更新 更多