【问题标题】:How can I stop my browser window to dance [closed]我怎样才能停止我的浏览器窗口跳舞[关闭]
【发布时间】:2014-08-20 12:10:12
【问题描述】:

我正在使用bootstrap 3,我的布局是响应式的(完全)。有一个问题对我来说有点烦人。

场景

  • 浏览器窗口正在显示我的页面,它不需要垂直滚动条。
  • 现在用户在我的页面上展开折叠的div
  • 页面大小垂直增加并显示垂直滚动条。
  • 当显示垂直滚动条时,我的页面的外观和感觉也发生了一些变化,就像它的宽度减小了,因为它需要给垂直滚动条留出空间。

我的客户不希望出现这种情况,并希望我在用户展开/折叠div 时停止屏幕的这种跳舞

请帮助我如何限制我的屏幕不能跳舞

【问题讨论】:

  • 您需要解决这个问题。这是浏览器的正常行为,您无能为力。你也将被投得下地狱
  • 我知道这是一种正常的行为,但在我们的 Web 应用程序开发中,我们会做所有客户要求的事情。你为什么要拒​​绝一个已经陷入困境的人。
  • @DanglingPointer 你是对的。这是一个合理的问题。但恐怕它与Always show browser scrollbar to prevent page jumping 等许多其他问题明显重复。提问前请先搜索。
  • @Web-tiki & Nikhil: 呵呵……当然……
  • @Boaz:是的,我总是用谷歌搜索这个问题,然后发布它。上面的问题没有回答我的问题。我的问题与页面的响应能力有关……它不是普通的 html 页面。我在想也许我可以得到一个完全在 twitter-bootstrap 中的解决方案。通过更改 twitter-bootstrap 的响应式 css 文件,我在他们的库中找到了许多解决方案。所以这就是整个故事:)。

标签: javascript html css responsive-design twitter-bootstrap-3


【解决方案1】:

一些 CSS reset stylesheets 包含这种类型的修复:

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

它强制滚动条,因此宽度始终不变。

【讨论】:

  • 是的,这是我尝试过的解决方案之一。但我的客户也不接受。他想要一个带有溢出-y:auto 的响应式设计...悲伤,不合逻辑但这是他的想法。
  • 啊,很奇怪,但也很公平。我会把我的答案留给其他可以使用它的人。也许其他人甚至我可以为您提供不同的答案(也许使用 Javascript 来检测滚动何时出现并做出相应反应?)。
  • @DanglingPointer 两个版本要么相同,要么不同。客户可以要求不可能的事情,但有时您必须告诉客户,有些事情超出了人类的能力范围。
  • @Boaz:是的,你是对的。但我想可能会发生一些事情。是的,一切都可能发生,但这个问题没有确定的答案。
猜你喜欢
  • 2014-06-05
  • 2015-10-15
  • 1970-01-01
  • 2020-10-26
  • 2018-11-25
  • 2011-09-06
  • 2020-06-20
  • 2011-12-05
  • 1970-01-01
相关资源
最近更新 更多