-
我會了查看全部
-
防止出現下標0的情況 報錯,需要加上 && 判斷。查看全部
-
在手指觸摸的函數厘米那刪除掉 webkitTransition 屬性,解決滑動圖片有延遲。查看全部
-
寫go函數 獲取當前li的 下標,判斷傳入的值。再添加相對應的css屬性查看全部
-
添加-webkit-backface-visibility:hidden 可以避免手機端滑動的時候閃白查看全部
-
2.手指觸摸移動 先需要清除默認行為 在計算出位移的多少(從觸摸開始0算起) 循環判斷下標小于三張圖 for循環位移的距離等于 當前循環的圖片下標乘以寬度 + 位移的距離。查看全部
-
手指觸摸事件 獲取觸摸時的坐標 定義現在的位移為零 獲取現在的事件戳查看全部
-
移動dom 新建三個事件 1.手指觸摸 2.手指移動 3.手指離開。查看全部
-
2.創建dom文件 根據圖片的長度生成父容器li,給每個元素添加寬度 transfom屬性 if判斷每個數據的長寬比 加不同的寬高。 給父容器添加寬度 高度。查看全部
-
1.先新建一個構造函數 初始化 生成dom樹 操作dom樹 算出屏幕窗口的長寬比 設置初值寬度 跟下標查看全部
-
3.圖片垂直居中的方法 把父容器變成流體盒子模型。查看全部
-
2.圖片居中第二種方法 把父容器設置成表格類型。查看全部
-
1.圖片垂直居中的方法 用vertical-align middle 缺點,需要給父容器設置固定行高。查看全部
-
-webkit-backface-visibility:hidden; 避免元素動畫的過程中閃白。查看全部
-
移動div的實現雖然可以使用position:absolute,但還是建議使用translate3d,因為可以啟動手機的GPU加速,加速圖片的渲染 -webkit-transform: translate3d(0px,0,0); 和position: absolute;left: 0; top; 0; 一樣都可以實現相同的效果,但是使用translte3d可以使用GPU加速圖片渲染,使圖片滑動的更順滑查看全部
舉報
0/150
提交
取消