代码区的水平滚动条鼠标拖拽不了

[chunchengwei]

代码块，在手机显示上没有问题，但在电脑上显示时，用鼠标拖拽水平滚动条拖拽不了。

[blinkfox]

@chunchengwei 并没有发现你说的问题呢

[chunchengwei]

@blinkfox 在谷歌浏览器下没问题，但是在safari下就水平滚动条就拖拽不了。但是可以使用触控板双指水平移动代码块，类似于在手机上用手势拖拽代码块。

[blinkfox]

safari下的一个效果，它本来就是这样的。

[chunchengwei]

safari下的一个效果，它本来就是这样的。

可以同时也添加水平拖拽的功能么？平时用鼠标，不能拖拽很不方便。

[blinkfox]

这个程序没啥问题，是safari浏览器的特殊功能，你可以去Mac设置项里面修改成“始终显示滚动条”的功能。具体方法你可以用搜索引擎搜一下。

[chunchengwei]

可以显示出来滚动条，但是拖拽不了。而且已经打开了始终显示滚动条

[blinkfox]

那就没法了，safari这样搞的吧，那只能让代码折行，不出现滚动条就行了，你到matery.css文件中约124行的样式里面，加上一行white-space: pre-wrap !important;的折行样式即可，代码如下：

code[class*="language-"],
pre[class*="language-"] {
    color: #e8eaf6;
    white-space: pre-wrap !important;
}

[chunchengwei]

好的👌

[blinkfox]

这个用折行的方式解决了，我就把这个issue关掉了哈。