Css.Js错误检查纠正

Css.Js错误检查纠正

案例学习出现错误的小问题

一．

单屏轮播函数出现白屏部分原因

.container .list{

height:300px;

width:4680px;

position: absolute;

top:0;

left:0px;

}

把装图片的最大box宽度和图片总宽度设置一样大小

.container .list{
	    height:300px;
	    width:4690px;
	    position: absolute;
	    top:0;
	    left:0px;
	 }
           

二．

改变可视区域出现跨屏显示

//当文档可视区域尺寸发生变化时，调用函数
window.onresize = function(){
			setTop();
  };
           

给他添加一个函数设置Top值

//设置Top
function setTop(){//命名setTop
		    var con = document.getElementById("con");//获取con
		    con.style.top = -height*(index-1)+"px";//index 声明记录当前所在屏数
	 }
           

问题就轻易解决啦

作者：吴炳耀

完成时间：2019.1.19