Question

Froala编辑器工具栏图标可在桌面上水平滚动，但不能在手机中滚动。

我做了一项研究，发现通过添加-webkit-overflow-scrolling：touch属性，div标签可以在移动设备中滚动，但这似乎不起作用。

   .fr-toolbar {
        position: fixed;
        display: flex;
        overflow: scroll;
        width: 100%;
        -webkit-overflow-scrolling: touch;
 }

以下是jsfiddle链接，以便更好地理解和参考：http://jsfiddle.net/wc5c3jhk/381/

以下是Codepen链接：https://codepen.io/Dinesh_Madhanlal/pen/Gdvxqw

有人可以了解正在发生的事情吗？

Answer 1

请检查此处提供的JSFiddle- http://jsfiddle.net/m2f8pygq/

.fr-toolbar {
  min-width: 300PX;
    max-width: 100%;
    /* overflow-y: hidden; */
    /* overflow-x: scroll; */
    OVERFLOW: VISIBLE;
    display: flex;
    border: 1px solid black;
    FLEX-WRAP: wrap;
 }

这将帮助您了解如何在桌面或移动设备中打开Froala以及如何将工具栏按钮包装在DIV中。

简而言之，这不是一个好的选择。

Overflow-x scroll属性适用于桌面，但不适用于手机

1 个答案: