看视频很顺畅。上网也是很省流量。而像uc等其他手机浏览器，安装包比较大，上网速度不快，用起来不方便。
希望您采纳！
是这样的效果吧？！
这是具体的代码，用纯CSS写的，希望能帮助到你！
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>底部菜单上弹且固定</title>
<style>
*{ margin:0padding:0}
body{ margin:0padding:0background:#f3f3f3}
#slcd{ width:100%height:60pxbackground:#09Cposition:fixedbottom:0px}
#slcd ul,#slcd ul li{ height:60px}
#slcd ul li{ width:24.9%float:leftlist-style-type:noneline-height:60pxtext-align:centeroverflow:hidden}
#slcd ul li:hover{ background:#09Foverflow:visible}
#zcd ul,#zcd ul li{ width:100%height:60pxbackground:#09C}
.zcd1{ margin-top:-240pxwidth:100%}/*每个子菜单的上边距需要手动调整*/
.zcd2{ margin-top:-300pxwidth:100%}
.zcd3{ margin-top:-300pxwidth:100%}
.zcd4{ margin-top:-120pxwidth:100%}
</style>
</head>
<body>
<div id="slcd">
<ul>
<li>菜单1
<div id="zcd" class="zcd1">
<ul>
<li><a href="#">菜单1子菜单1</a></li>
<li><a href="#">菜单1子菜单2</a></li>
<li><a href="#">菜单1子菜单3</a></li>
</ul>
</div>
</li>
<li style="border-left:2px solid #CCCborder-right:2px solid #CCC">菜单2
<div id="zcd" class="zcd2">
<ul>
<li><a href="#">菜单2子菜单1</a></li>
<li><a href="#">菜单2子菜单2</a></li>
<li><a href="#">菜单2子菜单3</a></li>
<li><a href="#">菜单2子菜单4</a></li>
</ul>
</div>
</li>
<li style="border-right:2px solid #CCC">菜单3
<div id="zcd" class="zcd3">
<ul>
<li><a href="#">菜单3子菜单1</a></li>
<li><a href="#">菜单3子菜单2</a></li>
<li><a href="#">菜单3子菜单3</a></li>
<li><a href="#">菜单3子菜单4</a></li>
</ul>
</div>
</li>
<li>菜单4
<div id="zcd" class="zcd4">
<ul>
<li><a href="#">菜单4子菜单1</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div style="width:1080pxheight:2000pxbackground:#c1c1c1margin:0 autofont-size:200px"><p>希望能帮助到你</p></div>
</body>
</html>
别钻牛角尖了,FRAME这个貌似不行的,换种思路,要做成这样子有很多中方法的.建议考虑用js,以前做过一个项目也是这种要求,不同项目之间需要页头页尾一致,A项目维护了头,B项目也得跟着变.考虑iframe,但头中有下拉的元素,该问题无法解决,用js生成是可以实现的,但具体逻辑还是得看具体的业务需要了.大概思路在主项目里做一个js,让其展示出top的页面(慢慢拼呗),然后其他项目引用这个js,但要完全做好,估计还得靠你自己努力
