使用bootstrap 3,我在移动设备中打开可折叠导航栏菜单时遇到禁用正文滚动的问题.当折叠菜单打开时,如果我们滑过它,背景元素也会开始滚动,这是我不想要的.我希望当我们在可折叠菜单上滑动时,背景元素不应滚动.台式机也出现了同样的问题.
我已经创建了具有固定高度和宽度的3D盒子,现在我必须根据用户指定的高度,宽度和深度来使其动态化,以便他可以了解盒子的外观。高度和宽度工作正常,但是当我尝试更改深度时,包装盒设计破裂。我也希望它从中心位置旋转盒子,如果我改变宽度,那是不可以的。
jQuery('._3dface--top').css("width", (jQuery('#boxWidth').val() * 10));
jQuery('._3dface--top').css("height", jQuery('#boxzPosition').val());
jQuery('._3dface--bottom').css("width", (jQuery('#boxWidth').val() * 10));
jQuery('._3dface--bottom').css("height", jQuery('#boxzPosition').val());
jQuery('._3dface--bottom').css("top", parseInt((jQuery('#boxHeight').val() * 10) - 250));
jQuery('._3dface--left').css("width", jQuery('#boxzPosition').val());
jQuery('._3dface--left').css("height", (jQuery('#boxHeight').val() * 10));
jQuery('._3dface--right').css("width", jQuery('#boxzPosition').val());
jQuery('._3dface--right').css("height", (jQuery('#boxHeight').val() * 10));
jQuery('._3dface--right').css("left", parseInt((jQuery('#boxWidth').val() * 10) - 130));
jQuery('._3dface--back').css("width", (jQuery('#boxWidth').val() * 10));
jQuery('._3dface--back').css("height", (jQuery('#boxHeight').val() * 10));
Run Code Online (Sandbox Code Playgroud)