指引停止水平滚动的Chrome

我意识到这个问题已经被问过，但通常提供的解决方案涉及增加这目标标签：指引停止水平滚动的Chrome

overflow-x: hidden

，我已经做到了。此修正可防止在Firefox中进行水平滚动，但在涉及Chrome和IE8时会失败（对于IE8来说，目前还没有问题）。从以前的问题来看，这可能成为自Chrome版本34以来的一个问题。那么我该如何解决这个问题呢？

苏氨酸问题CSS是导致滚动看起来是这样的：

// Tablet portrait and landscape 
@media (min-width: @screen-sm-min) { 
    & { 
     margin: 0 -100% !important; 
     padding: 30px 100% !important; 
    } 
}

上述使内容在中心按要求均匀地出现。对此或可能的资源的任何建议，以解释为什么会发生在Chrome中？

谢谢

P.S.我也注意到这个网站没有这个问题 - 为什么会这样？结构的根本区别？或者我在找的CSS？

来源

2015-01-07 Katana24

该代码的逻辑是什么？保证金'-100％'和填充'100％'???? – DaniP

这不是纯粹的CSS。那是什么预处理器？ –

@JamesDonnelly其LESS – Katana24

感谢大家的努力，尽管我提供的信息很少。我们解决了这个错误，尽管我们仍然不知道它为什么会发生。我们有不同的页面不同.LESS文件，但它们都导入到一个叫做冰styles.less

这里是被我添加overflow-x: hidden出于某种原因，这是正在与甚至忽视！重要附加后缀。我对此的理解是，它应该适用于所有页面，因为它被附加到html和正文标签。

因此，我们将上面的同一行移动到问题出现的.LESS页面，并解决了问题 - 但它没有将问题引入其他页面 - 这表明页面的结构是真实的罪魁祸首。

再次感谢大家

来源

2015-01-14 10:10:29 Katana24

-2

html { 
    overflow-x: hidden; //or none 
}

来源

2015-01-07 15:52:16

我已经说过我用隐藏的上面 - 没有一个不工作 – Katana24

你试过！重要;太？ –

是的，我有，并没有区别 – Katana24

您是否试过用jquery设计它？

$(document).ready(function(){ 
$('body').css('overflow-x','hidden !important'); 
}) 

or even if it didnt worked trying it after few seconds 
$(document).ready(function(){ 
setTimeOut(function(){ 
$('body').css('overflow-x','hidden !important'); 
},1000) 
})

来源

2015-01-16 11:44:07

有一些东西是你覆盖溢出：隐藏标签... 也许有一些CSS，让你的元素一些宽度，然后你强迫它不在Chrome或IE浏览器的时间内发生的溢出。 ..

来源

2015-01-16 18:19:22

指引停止水平滚动的Chrome

回答

相关问题