                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /焦點圖輪播特效

發現一個輪播圖切換有BUG

為什么-600不設置在<div id="list" style="left:-600px"；點擊左右就不會有效果呢？

_zzh

2016-09-10

源自：焦點圖輪播特效 3-1

關注問題我要回答

2361

操作

收起

3 回答

_考拉抱大樹_ 回答被采納 +3 積分
2016-10-17

如果你js里用的是style.left獲取值的話，這種方法只適用于內嵌在標簽里的樣式，寫在<style?type="text/css">里面的內部樣式，與外部引入的樣式都無法通過該方法獲取值(但可以設置元素的left值)，所以點擊左右的時候就會沒有效果，你可以加一條alert語句看一下，獲取到的是空。如果不想寫成內嵌的樣式，可以在獲取left值的時候用：

var?computedStyle?=?document.defaultView.getComputedStyle(elem,?null);

console.log(computedStyle.left);//控制臺輸出left的值，比如“-600px”

不過這個不是所有瀏覽器兼容，IE的話沒有該方法，用elem.currentStyle.left獲取樣式~希望可以幫到你~