浏览器水平滚动条,在不需要时显示



示例链接:(链接已删除,已解决,谢谢各位)

当页面第一次加载时,我们会在浏览器底部看到一个水平滚动条。这个滚动条会停留2-5秒,然后消失。

在我目前的决议中没有必要这样做,所以我不明白它为什么会出现。

这发生在Firefox 4、Internet explorer 7&8.这种情况不会发生在谷歌Chrome或Safari中。

有什么想法吗?

感谢

问题是由页面上的某些Javascript引起的。如果你禁用JS,你会注意到问题没有发生。

很难说到底是哪一点导致了问题,因为它很快就恢复了正常。我的猜测是,标题为"Événeementsàvenir"的文本滚动条导致了这个问题。

我认为以下内容应该对您有所帮助:

    html, body { overflow: hidden; }

这被放置在CSS中。

这是JS的问题。。你可以使用

html, body {overflow-x: hidden;}

并确保在调整到小于最小宽度时显示滚动条。

$(window).resize(function(){
  if($(window).width() < (your_container_width or fixed width that you define) )
    $(html).css("overflow-x","scroll");
    $(body).css("overflow-x","scroll");
});

您可以简单地使用css3

overflow-x: hidden

最新更新