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

Question

示例链接：（链接已删除，谢谢大家）

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

我当前的分辨率不需要它，所以我不明白为什么它会出现。

这种情况发生在 Firefox 4、Internet Explorer 7 和 Internet Explorer 7 中。 8 这不会发生在 Google Chrome 或 Safarie 中。

有什么想法吗？

谢谢

Answer 1

该问题是由页面上的某些 Javascript 引起的。如果禁用 JS，您会发现问题不会发生。

很难准确判断是哪个部分导致了问题，因为它很快就会自行恢复。我的猜测是，标题为“Événements à venir”的文本滚动条导致了问题。

Answer 2

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

    html, body { overflow: hidden; }

这是放置在 CSS 中的。

Answer 3

这是 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");
});

Answer 4

你可以简单地使用css3

overflow-x: hidden