課程
/前端開發
/JavaScript
/焦點圖輪播特效
無線滾動時,原來有5張圖,為什么只能看到3張?? 按 F12顯示,600直接跳1800了??
2017-07-06
源自:焦點圖輪播特效 2-1
正在回答
我刪了,重新寫好了,感謝! 哎,我問你javascript學的時候 找不到思路咋辦??
因為包含它的容器有寬度 ? 所以你看不到全部? 而且容器設置了overflow:hidden;屬性 ? 這就只能看見一張圖片了
之所以看到跳轉是因為輪播圖要實現無限滾動就需要無限的圖片 ? 要讓5張圖片接連起來 ? 在看到最后一張圖片的時候會有一張過渡圖片 也就是第一張圖片拿到里面顯示 ?效果是感覺五張圖片真的接連起來了 ?不會產生空白過渡
這里說不太清楚 ? 自己在瀏覽器里面多多調試 ? 以及看代碼樣式里面overflow:hidden; ? 看看隱藏掉是什么效果
舉報
通過本教程學習您將能掌握非常實用的焦點圖輪播特效的制作過程
3 回答不能實現無線滾動
1 回答急求?。?為什么我無法實現無線滾動效果?
1 回答圖片無限滾動問題
2 回答無限滾動實現不了
4 回答無限滾動實現不了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-07-13
我刪了,重新寫好了,感謝!
哎,我問你javascript學的時候
找不到思路咋辦??
2017-07-13
因為包含它的容器有寬度 ? 所以你看不到全部? 而且容器設置了overflow:hidden;屬性 ? 這就只能看見一張圖片了
之所以看到跳轉是因為輪播圖要實現無限滾動就需要無限的圖片 ? 要讓5張圖片接連起來 ? 在看到最后一張圖片的時候會有一張過渡圖片 也就是第一張圖片拿到里面顯示 ?效果是感覺五張圖片真的接連起來了 ?不會產生空白過渡
這里說不太清楚 ? 自己在瀏覽器里面多多調試 ? 以及看代碼樣式里面overflow:hidden; ? 看看隱藏掉是什么效果