锚点相信大家都使用过吧!点击后僵硬的切换是不是很不爽呢?
下面分享一个小技巧,根据锚点offset值来实现动画切换
无标题文档 *{ margin:0; padding:0;} .main{ width:1000px; margin:0 auto; position:relative; } .main img{ float:left;} .bg{ position:absolute; width:100%; z-index:-5;} .bg01{ height:885px;background:url(../images/b_01.jpg) no-repeat center;} .bg02{ height:938px;background:url(../images/b_04.jpg) no-repeat center; } .bg03{ height:946px;background:url(../images/b_02.jpg) no-repeat center; } .bg04{ height:946px;background:url(../images/b_03.jpg) no-repeat center; } .div_scoll{ position:fixed; width:50px; height:200px; right:100px; top:50%;} a{ display:block; background:#3F6; color:#000; width:50px; height:50px; } 图1 图2 图3 图4



