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