【问题标题】:Absolute positioning of scrollbar in Windows?Windows中滚动条的绝对定位?
【发布时间】:2013-11-20 12:51:27
【问题描述】:

我有一个登录页面,在执行某些操作后,内容会附加到页面上,这样它就会出现在首屏之上,从而使页面可滚动。在 Mac OS 上,没问题,它运行流畅,因为滚动条是“透明的”并且不碍事,但在 Windows 和 Linux 中,滚动条占用空间,如 20px,调整页面宽度。
有没有办法防止这种情况?复制 Mac OS 风格,让滚动条出现在页面前面而不是推入?

【问题讨论】:

  • 试试这个:enscrollplugin.com 对我来说效果很好,你也可以设置滚动条的样式
  • 添加一个完整的 jQ 插件 (+ jQ) 来解决这个问题似乎有点矫枉过正。不过,我可能会深入研究他们的代码,看看他们是如何做到的。

标签: css windows macos scroll


【解决方案1】:

试试这个。这是@CalvinFroedge 在this SO Question中的答案@

      div { overflow:hidden;height:whatever px; } 
      div:hover { overflow-y:scroll; }

编辑:要解决调整大小问题,使宽度永久化似乎可以达到效果。因此,将 div 样式更改为

      div { overflow:hidden;height:whatever px; width:watever px;} 

【讨论】:

  • 看起来足够接近,但我遇到的真正问题是滚动条出现时的闪烁效果。页面从 1400 像素宽度(例如)变为 1380 像素,因此 div 移动等,这是显而易见且不受控制的。这个悬停技巧只会让这种效果更频繁地发生,不是吗?不相关:我在工作中使用 OSX,因此无法测试 Windows 行为。你会建议什么来模拟 Windows?
  • 我一回家就测试它,我目前无法访问 Windows 机器:/
  • 好的,这不起作用,我无法指定像素的绝对数量,它是页面的主体,所以我必须强制宽度为 100%,没有办法
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多