Увеличьте размер для мобильного меню, перетащив

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

Here - это сайт, который может вам помочь. Если это не поможет вам, вы можете проверить сайт this, в котором есть информация обо всем, что вы можете знать о кодировании.

EDIT: Вы можете попробовать этот образец код- <button onclick="myFunction(width:200%;height:200%)">Increase Size Of Menu</button>

Я надеюсь, что я помог вам достаточно, чтобы вы могли быть в состоянии сделать то, что вы хотите сделать!

Answer 2

Просто убедитесь, что вы не задали положение css, которое нужно зафиксировать в противном случае, вы не сможете перетащить.

position:fixed 

Или вы можете установить положение, но то, что вы можете сделать, это установить его фиксированной после изменения размера и перетащите его, как показано в этом thread

Fiddle

Answer 3

Проблема с параметром resize заключается в том, что он не поддерживается большинством мобильных браузеров. Вы можете найти более подробную информацию: here и here.

Если вам нужна мобильная поддержка, то решение для javascript будет вашим единственным выбором. Вы можете попробовать библиотеку, такую ​​как interact.js, которая отлично работает на мобильных устройствах.