在IE10的滚动条覆盖,你怎么停止? [英] Scrollbar overlay in IE10, how do you stop that?
问题描述
在IE10中,滚动条不总是存在...当它出现时,它作为一个重叠...它是一个很酷的功能,但我想关闭为我的具体网站,因为它是一个全屏
$ b
IE10:
CHROME:
/ p>
任何人都知道总是将滚动条固定在IE10上的位置的方法?
overflow-y:scroll doesn似乎工作!它只是把它永久在我的网站。
它可能是引导导致问题,但哪一部分我不知道!请参阅此处的示例: http://twitter.github.io/bootstrap/ / p>
google了一下后,
http://channel9.msdn。 com / Forums / Coffeehouse / IE10-how-does-the-scrollbar-autohide-on-buildwindowscom-microsoftcom 其中Blue Ink留下的评论说明:
检查页面,我设法通过使用:
@ - ms-viewport {width:device-width; }
这会导致滚动条变得透明。有意义,因为
的内容现在占据了整个屏幕。
在这种情况下,添加:
overflow-y:auto;
使滚动条自动隐藏
并在 bootstraps responsive-utilities.less文件中,第21行您可以找到以下CSS代码
(电话)8
//
//通过媒体查询支持响应视图在IE10中是borked,对于
//在分割视图和Windows Phone 8中的Surface / desktop。特定修复
//必须伴随着一段代码来嗅探用户代理和
//将一些条件CSS应用到* only * Surface / desktop Windows 8.看看
/ /我们的入门页面有关此错误的更多信息。
//
//有关更多信息,请参阅以下内容:
//
//问题:https://github.com/twbs/bootstrap/issues/10497
//文件:http://getbootstrap.com/getting-started/#support-ie10-width
//资料来源:http://timkadlec.com/2013/01/windows-phone-8 -and-device-width /
//资料来源:http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
@ -ms -viewport {
width:device-width;
}
此片段是导致行为的原因。我建议阅读上面注释代码中列出的链接。 (他们在我最初发布此答案后添加。)
In IE10, the scrollbar is not always there... and when it appears it comes on as an overlay... It's a cool feature but I would like to turn it off for my specific website as it is a full screen application and my logos and menus are lost behind it.
IE10:
CHROME:
Anyone know a way of always having the scrollbar fixed in position on IE10?
overflow-y:scroll doesn't seem to work! it just puts it permanently over my website.
It may be bootstrap causing the issue but which part I have no idea! see example here: http://twitter.github.io/bootstrap/
After googling a bit I stumbled across this; http://channel9.msdn.com/Forums/Coffeehouse/IE10-how-does-the-scrollbar-autohide-on-buildwindowscom-microsoftcom where a comment left by "Blue Ink" states:
Inspecting the pages, I managed to reproduce it by using:
@-ms-viewport { width: device-width; }
which causes the scrollbars to become transparent. Makes sense, since the content now takes up the whole screen.
In this scenario, adding:
overflow-y: auto;
makes the scrollbars auto-hide
And in bootstraps responsive-utilities.less file, line 21 you can find the following CSS code
// IE10 in Windows (Phone) 8
//
// Support for responsive views via media queries is kind of borked in IE10, for
// Surface/desktop in split view and for Windows Phone 8. This particular fix
// must be accompanied by a snippet of JavaScript to sniff the user agent and
// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
// our Getting Started page for more information on this bug.
//
// For more information, see the following:
//
// Issue: https://github.com/twbs/bootstrap/issues/10497
// Docs: http://getbootstrap.com/getting-started/#support-ie10-width
// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
@-ms-viewport {
width: device-width;
}
This snippet is what's causing the behavior. I recommend reading the links listed in the commented code above. (They were added after I initially posted this answer.)
这篇关于在IE10的滚动条覆盖,你怎么停止?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!