【问题标题】:Fixed div disappearing on scroll left Css固定 div 在左滚动 Css 上消失
【发布时间】:2015-02-19 06:39:17
【问题描述】:

我在这里查看了很多关于 SO 的答案,但没有一个对我有用。

以下是我在发布此问题之前查看的帖子。

jquery 在向下滚动时固定 div

jquery 固定 div 滚动,平滑移动

jquery 固定 div 滚动,底部边界

如何管理固定 div 的 css left 属性

滚动上的固定 div 位置并非在所有情况下都有效

在固定 Div 中的相对 DIV 中的绝对 DIV 在滚动时消失

向下滚动时固定 div

为此,我创建了一个小提琴来显示我的问题: jsfiddle demo here

我的问题是登录范围在缩放时消失(我在向右滚动时看不到它)

#fixedContainer
{
    background-color: #ddd;
    position: fixed;
    width: 500px;
    height: 100px;
    top: 0px;
    margin-left: 20px;
}
.login
{
    float: right;
}

我更喜欢 CSS 解决方案,但也可以使用 Javascript 解决方案。

【问题讨论】:

  • 我可以在你的小提琴中缩放和滚动后看到它。
  • 如果这有帮助,我使用的是最新的 firefox,但我看不到登录范围。
  • 我也可以在 Firefox 中看到它。如果您指的是“登录”超过右侧屏幕的情况,您看不到它,因为您有position: fixed;。您可能想尝试使用position: absolute;
  • @RahulDesai 没有 rahul ,我不想使用 absolute ,我想使用 fixed 并且登录范围出现在缩放中。使用absolute对我来说并不难,我问的是fixed。
  • 我不明白怎么了。在我看来没问题。

标签: javascript html css


【解决方案1】:

将这些 css 属性添加到您的 #fixedContainer 选择器:

overflow-x: auto;
max-width: 100%;

【讨论】:

  • Wonderful :) ,我的小提琴最大宽度已更改为 90% 。多谢 :) 。如果我知道我不应该为此浪费 2 天 :) .
猜你喜欢
  • 2018-01-16
  • 2011-07-11
  • 1970-01-01
  • 1970-01-01
  • 2015-01-23
  • 2022-10-14
  • 2012-11-24
  • 1970-01-01
  • 2015-05-04
相关资源
最近更新 更多