html - CSS水平滚动不起作用

我有一个很长的 div，我希望它可以滚动，但是滚动条是灰色的。无论我尝试什么，它似乎都没有出现。我可以向左拖动它并通过突出显示来书写，但我不能滚动。

完整代码如下:

<link rel="stylesheet" href="/documents/mathquill/mathquill.css"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/documents/mathquill/mathquill.js"></script>




<style>

#body{width: 500px; overflow-x: scroll;}
</style>
    <div id = "body">


y = \sqrt{\frac{2}{10}}\left(\frac{1}{\sqrt{2}}\cdot 11.07+-0.19\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 1\right)+-8.51\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 2\right)+7\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 3\right)+-7.24\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 4\right)+6.01\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 5\right)+-5.26\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 6\right)+3.93\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 7\right)+-2.76\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 8\right)+1.36\cos \left(\frac{\pi }{10}\left(n+0.5\right)\cdot 9\right)\right)

</div>






<script>
  var MQ = MathQuill.getInterface(2);
  MQ.StaticMath($('#body')[0]);
</script>

您可以在这里访问网站:http://99.246.124.16/scroll.php

最佳答案

只需将 overflow-x:scroll 添加到类 mq-root-block 或 mq-hasCursor

并从 id body 中移除 overflow-x:scroll

它会起作用。