【问题标题】:Issue scrolling with fixed position问题滚动固定位置
【发布时间】:2013-09-13 07:09:09
【问题描述】:

当我在另一个 position:fixed 中使用 position:fixed 时,我遇到了滚动问题。演示此问题的最简单方法是使用此小提琴:

http://jsfiddle.net/xDDJb/

我希望能够在将鼠标悬停在较小的固定 div 上时使用鼠标滚轮滚动。我必须保持 .wrapper 的原样(又名我无法删除位置:固定)。

上下文是我正在使用 Bootstrap 3 模态,我想基本上在模态中创建这个布局。 BS .modal 类使用 position: fixed 并创建与示例的 .wrapper 相同的构造。

我会喜欢任何建议!

【问题讨论】:

    标签: css scroll position css-position


    【解决方案1】:

    一种选择是使用jQuery Mousewheel 来捕获固定 div 上的滚动事件,然后将它们传递出去。不优雅,但可能会成功。

    【讨论】:

    • 刚刚设法解决它。一旦我的 8 小时发布等待结束,我将发布解释。 jsfiddle.net/PvKCK/1
    • 这行得通 - 唯一的问题可能是您的某些内容可能会显示在您的 .box-fixed 前面。见 jsFiddle here
    • 嗯,你说得对。看来我需要采纳你的建议。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-29
    • 2014-12-15
    • 2019-04-25
    • 2012-12-11
    • 2013-10-13
    • 2012-06-28
    相关资源
    最近更新 更多