相关疑难解决方法(0)

在IE10中,滚动条并不总是存在...当它出现时它作为一个叠加...它是一个很酷的功能但我想关闭我的特定网站,因为它是一个全屏应用程序和我的徽标和菜单背后都丢失了.

IE10:

铬:

任何人都知道在IE10上始终将滚动条固定到位的方法吗？

overflow-y:滚动似乎不起作用!它只是将它永久地放在我的网站上.

它可能是导致问题的引导,但我不知道哪个部分!看这里的例子:http://twitter.github.io/bootstrap/

是否有一个简单可靠的解决方案来检测窗口垂直滚动条出现/消失？

window.onresize 在JavaScript DOM操作页面变得足够高以显示滚动条之后,不会触发.

在这个非常相似的帖子中检测一个页面是否有垂直滚动条描述的解决方案如何检测滚动条是否存在,但我需要知道它何时出现.

我有你典型的下拉导航,我正在努力确保下拉菜单链接始终可访问和可见:

<li><a href="#">Link 1</a>
    <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
    </ul>
</li>
<li><a href="#">Link 2</a>
    <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
    </ul>
</li>
<!-- etc. -->
</ul>

CSS真的没有什么特别的(颜色和背景被删除):

.dropdown,
.dropdown li,
.dropdown ul {
    list-style:none;
    margin:0;
    padding:0;
}
.dropdown {
    position:relative;
    z-index:10000;
    float:left;
    width:100%;
}
.dropdown ul {
    position:absolute;
    top:100%;
    visibility:hidden;
    display:none;
    width:16em;
}
.dropdown ul ul {
    top:0;
    left:100%;
}
.dropdown li {
    position:relative;
    float:left;
}
.dropdown li:hover{
    z-index:910;
}
.dropdown …

假设我有一个静态网页并且整个页面被包装,让我们说在700px的宽度内,现在如果页面的内容太长,那么(显然)会出现一个滚动条.但是滚动条的外观会将所有内容移动到左侧,就像几个像素一样(需要适合页面右侧的滚动条).我想要做的是删除这个"移动"效果,这样如果需要滚动条,这不会以任何方式影响页面的内容.

我不知道我是否清楚自己.

让我们说这是一个网页:

| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |
| ......... contentcontent ........ |

这就是滚动条的外观:

| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | |
| ...... contentcontent .......... | |
| ..... contentcontent .......... | |
| ..... contentcontent .......... | …

我已经做了一些测试,从我可以看到ios6上的移动Safari中存在一个错误.

当添加overflow:hidden的body标签和使用移动元素排除体外transform:translateX(100%);它创建为元素的额外的滚动空间.在所有桌面浏览器上,它都是"隐藏"的.

这是一个演示:http://jsfiddle.net/mUB5d/1.在Mobile safari中打开它,你会看到有什么问题.

任何人都可以在Mac OS上看看safari 6,看看那里是否还有bug？除了在我的元素周围创建另一个父级之外,有没有人知道任何解决方法？

感谢您的反馈意见!

我有一段 JS 代码，用于确定是否存在垂直滚动条并将 CSS 类应用于元素。没什么大不了的。让我困惑的是它似乎在做与我理解的它应该做的相反的事情。这不是问题，除非它是一个错误并且将来会修复。
代码：

if (document.body.scrollHeight > document.body.clientHeight) {
    var d = document.getElementById("footer").className = "footernoscroll";
}

我的理解是，如果有垂直滚动条，它将应用该类，但如果没有滚动条，它似乎正在应用该类。我是否正确解释了这一点，并且代码表现得很奇怪，或者我的解释是错误的？

编辑：我想我应该添加，如果我反转运算符，效果将反转，并且它将使用else语句的一部分。

我想在我的网站上显示"转至顶部"-Link.如果垂直滚动条可见,则此链接应仅可见.

我怎么能用JavaScript做到这一点？

谢谢

我想知道是否有办法在JQuery中找出浏览器窗口是否有可见的滚动条？

这是我正在使用的代码:

var hContent = $("body").height(); 
var hWindow = $(window).height(); 

if(hContent>hWindow) {
    $('#scroll-top').fadeIn(250);    
}
else {
    $('#scroll-top').fadeOut(250);
}

任何帮助都非常感谢,谢谢