通过拖动增加移动菜单的大小答案

【问题标题】：Increase the size for mobile menu by dragging通过拖动增加移动菜单的大小
【发布时间】：2016-10-27 16:33:55
【问题描述】：

我有一个移动菜单，我想通过拖动它来增加菜单的大小。目前我正在做的是将其固定为屏幕大小的 50%。下面是菜单的外观。

我以前拖动的 CSS 在这种情况下不起作用。

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 8%;
    width: 100%;
  /*   height: 55%; */
    background: black;
    opacity: 1;
      overflow-y: auto;
    position: fixed;
    resize: vertical;
}

我该怎么做才能触摸顶部栏并调整菜单大小？

【问题讨论】：

能否提供更多信息或提供所有代码。

标签： html css mobile blueprint-css

【解决方案1】：

只要确保你没有将css的位置设置为固定，否则你将无法拖动。

position:fixed

或者您可以设置的位置，但您可以做的是在调整大小并拖动它后将其设置为固定，如thread所示

Fiddle

【讨论】：

【解决方案2】：

Here 是一个可以帮助您的网站。如果这对您没有帮助，您可以查看this 网站，该网站包含您所知道的有关编码的所有信息。

编辑： 你可以试试这个示例代码-<button onclick="myFunction(width:200%;height:200%)">Increase Size Of Menu</button>

我希望我对你有足够的帮助，所以你可以做你想做的事！

【讨论】：

【解决方案3】：

resize 属性的问题是大多数移动浏览器不支持它。您可以在here 和here 找到更多详细信息。

如果您想要移动支持，javascript 解决方案将是您唯一的选择。您可以尝试像 interact.js 这样的库，它似乎在移动设备上运行良好。

【讨论】：