Html
    Css
    Js

    
                        
/*
         * 说明:
         * 标注为慎删的属性暂时认定可以删除,即在作者测试的环境下删除暂时没有影响,但不代表所有环境下删除都没有影响
         * 其他属性一概不可以删除
*/
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;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

全屏图片上下滚动,鼠标一次滚动一屏

纯js实现的全屏滚动效果,鼠标滚动一次实现全屏滚动,适应所有屏幕大小,并根据窗口大小改变自动调节,右侧附有导航栏,悬停即可快速跳转到相应界面,使用时直接替换相应的div即可。

0