双滚动条在Windows Broswers中不断显示

Question

描述

我使用 tlk 聊天集成，我只在Windows Firefox + IE上看到2个滚动条。

tlk允许我在聊天中添加自定义CSS。

我做了一些研究，我尝试了以下所有这些试图阻止它，但它们 CSS 似乎都没有效果。在我的HTML文件之上，我添加了

//html, body {height:100% !important;}
// html { overflow-y: scroll !important ;}
// * html .clearfix { height: 1% !important; }
// html {overflow-y: hidden !important; }

小提琴= https://jsfiddle.net/bheng/yrq93jyy/show/

如果你在Windows上查看它，你会看到像我这样的

问题

如何进行调试？

我现在正在接受任何建议。

任何提示/建议/帮助都将非常感谢！

Answer 1

这与laravel和PHP完全无关。

元素#tlkio有一个CSS规则overflow: auto;，它由不同的浏览器进行不同的解释。要覆盖它，您可以执行以下操作：

#tlkio {overflow: hidden !important}

理想情况下，您可以更改原始规则而不会覆盖它，但我认为您不能这样做，因为它是第三方集成。

检查出来：https://jsfiddle.net/yrq93jyy/1/