CSS水平滚动不起作用

Question

我有一个长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

Answer 1

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

即可

并删除overflow-x：从id body滚动

它会起作用。