Erhöhen Sie die Größe für das mobile Menü durch Ziehen

Question

Ich habe ein mobiles Menü, für das ich die Größe des Menüs erhöhen möchte, indem Sie es ziehen. Gegenwärtig mache ich es auf eine Größe von 50% des Bildschirms. Unten ist, wie das Menü aussieht.

Die CSS, die ich ziehen verwendet, funktioniert nicht in diesem Fall.

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

Was könnte ich tun, damit ich die obere Leiste berühren und die Größe des Menüs ändern kann?

Answer 1

ist eine Website, die Ihnen helfen könnte. Wenn Ihnen das nicht helfen kann, können Sie auf der Webseite this nachlesen, welche Informationen Sie über das Kodieren wissen können.

EDIT: Sie dieses Beispiel könnten versuchen, Code- <button onclick="myFunction(width:200%;height:200%)">Increase Size Of Menu</button>

Ich hoffe, dass ich Ihnen genug geholfen, so dass Sie in der Lage sein zu tun, was Sie tun möchten!

Answer 2

Nur stellen Sie sicher, dass Sie nicht die Position des CSS festgelegt werden, sonst werden Sie nicht in der Lage sein zu ziehen.

position:fixed 

Oder Sie können die Position des Satzes aber was Sie tun können, ist es festgelegt festgelegt, nachdem Sie es die Größe und ziehen wie in diesem thread

Fiddle gezeigt

Answer 3

Das Problem mit der Eigenschaft resize ist, dass es von den meisten mobilen Browsern nicht unterstützt wird. Sie finden weitere Details here und here.

Wenn Sie mobile Unterstützung möchten, wäre eine JavaScript-Lösung Ihre einzige Wahl. Sie können eine Bibliothek wie interact.js versuchen, die auf mobilen Geräten funktioniert.