sea.js+js实现滚动页面固定左侧菜单

来源:https://www.sucaihuo.com/js/3319.html 2017-12-19 17:17浏览(892) 收藏

本实例是采用sea.js+jquery 自主开发的,网上这个实例很多,但是就没有这个特效---接近底部移去固定,向上滚动又固定,js固定悬浮窗带返回顶部
sea.js+js实现滚动页面固定左侧菜单
分类:悬浮层/弹出层 > 悬浮层 难易:初级
查看演示 下载资源 下载积分: 30 积分
*{margin:0;padding:0}
#nav{position: fixed;_position: absolute;z-index: 3;top:50px;left:100px; background:#ccc;width:30px; text-align:center}
.main{width:1000px;margin:10px auto;border:1px solid #ddd;padding:20px 20px 0;}
.bd{height:1000px}
.bottom{background:#096;height:100px;line-height:100px;text-align:center;}
<div id="nav">菜单</div>
<div class="main">
<div class="bd">主体部分</div>
<div class="bottom">底部</div>
</div>
// seajs 的简单配置
seajs.config({
  alias: {
    "jquery": "jquery-1.10.2"	//低版本不行
  }
})
// 加载入口模块
seajs.use("main")
标签: 顶部
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2