/* * 说明: * 标注为慎删的属性暂时认定可以删除,即在作者测试的环境下删除暂时没有影响,但不代表所有环境下删除都没有影响 * 其他属性一概不可以删除 */ html,body { height:100%; } body,ul,li,a,p,div { /*慎删*/ padding:0px; margin:0px; } #wrap { overflow:hidden; width:100%; } #main { top:0; position:relative; } .page { /*谨删*/ width:100%; margin:0; } #pageUl { position:fixed; right:10px; }
纯js实现的全屏滚动效果,鼠标滚动一次实现全屏滚动,适应所有屏幕大小,并根据窗口大小改变自动调节,右侧附有导航栏,悬停即可快速跳转到相应界面,使用时直接替换相应的div即可。