==============以下代码由兔子爷爷提供=============
BUG1:如果1开始鼠标往上滚,会出现圆圈内年份乱跳,并且会导致时间轴会出现空白的情况。
解决方法,删除html文件里面的第一个li标签。<li style="margin-top:-110px;"></li>整个删掉即可
BUG2:圆圈内年份是因为件是通过CSS控制的图片取的数字,CSS里面有初始化数值,但是JS里面没有初始化数据,所以导致了圆圈内的时间无论怎么设置,开始都是2013年。在history.js中添加1个初始化函数就OK了。
在第60行左右,$(function(){})里面加个初始化函数初始化下即可。代码如下
$(function(){
//数据初始化
init(); function init(){ c=$(".list li").eq(0).find(".year").html(); //eq(0)获取第一行的时间 进行初始化赋值 $(".timeblock").attr("thisyear",c); var a=c.split(""),b=["numf","nums","numt","numfo"]; for(i=0;4>i;i++){ $("."+b[i]+"").stop(!0,!1).animate({backgroundPosition:"0px "+-24*a[i]},{duration:200}) } }
//给第一行添加选中事件
$(".list li").removeClass("thiscur"); $(".list li").eq(0).addClass("thiscur") $(".list li").eq(0).focus();
<script src="http://www.jq22.com/js/jq.js"></script>这句js报错怎么解决?
关于一开始往上翻会出现空白的bug ,我这里给出的解决方案是:删掉第一个 li 里面的 style="margin-top:-110px;" 这样就不会再出现往上翻有空白的现象了
回复