菜单触摸移动范本

admin

模板mla，案例：wuhula

DIV:
<div id="wrapper"><div class="menu">$func_menu(pos=0,divi=none)$</div></div>

CSS: 红色部分为重点要素
.menu{ height:60px; text-align:right; background:#19af05; margin-top:20px; position:relative; overflow:auto;} <!--auto不能为hidden-->
.menu .MenuCenter{ float:left; display:block; position:absolute; z-index:100;}
.menu ul{ display:inline-block; height:60px; font-size:0; white-space:nowrap;}
.menu ul li{ display:inline-block; font-size:0; width:23%;}
.menu ul li a{ display:block; line-height:60px; height:60px; font-size:16px; color:#fff; text-align:center;}

JS:支持对象为jquery.js,iscroll.js
var myScroll;
function loaded() {myScroll = new iScroll('wrapper');}
document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); }, false);