特点
创建完全容器的宽度和窗口的高度
动态位置:每个容器可以有垂直和水平位置设置
在URL历史散列
容器之间滚动动画
配置简单,使用方便
支持IE8+
Html
<div id="container">
<div id="stage1"> //这个页面的内容1 </DIV>
<div id="stage2"> //这个页面的内容2 </DIV>
</div>
阶段的id是怎么链接
<a href="#stage2">转到了stage2 </a>
风格
不显示滚动条
body { overflow-x: hidden; overflow-y: hidden; }
如果您需要垂直滚动
stage1 { overflow-y: auto; }
JAVASCRIPT
把jQuery的,ScrollTo插件和Jquery.fullContent加入到您的页面中
<script src="js/jquery-1.x.x.min.js" type="text/javascript"></script>
<script src="js/jquery.jquery.scrollTo.js" type="text/javascript"></script>
<script src="js/jquery.jquery.fullContent.js" type="text/javascript"></script>
而且,您可以配置此参数:
$('#container').fullContent({
stages: 'div',
mapPosition: [{v: 1, h: 1}, {v: 1, h: 2}, {v: 2, h: 1}, {v: 2, h: 2}],
stageStart: 1,
speedTransition: 800,
idComplement: 'page_'
});
定位地图
此参数可以设定哪个要你的舞台的位置。五 - 垂直位置H - 水平位置。例如
V1H1 | V1H2
V2H1 | v2h2