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

Question

我有一个移动菜单，我想通过拖动来增加菜单的大小。目前我正在做的是将其修复到屏幕的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;
}

我该怎么办，以便触摸顶栏，调整菜单大小？

Answer 1

请确保你没有设置css的位置，否则你将无法拖动。

position:fixed

或者您可以设置该位置，但您可以执行的操作是在调整大小并将其拖动后将其设置为固定，如thread

所示

  

<强> Fiddle

Answer 2

Here是一个可能对您有帮助的网站。如果这对您无法提供帮助，您可以查看this网站，其中包含您可以了解的有关编码的所有信息。

修改 您可以尝试此示例代码 - <button onclick="myFunction(width:200%;height:200%)">Increase Size Of Menu</button>

我希望我能给你足够的帮助，这样你就可以做你想做的事！

Answer 3

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

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