瀏覽器兼容性問題，創建滾動條

時候我已經一些div讓說，100和這些箱子是水平的，我也有2個箭頭，當鼠標定位在它們它們移動框右側或左側，瀏覽器兼容性問題，創建滾動條

enter image description here

當我將鼠標放在左箭頭上時，它應該向左移動，如果第一個框不在其實際位置（在加載時），但如果它位於其正確位置，它應該被鎖定並且不再移動它在chrome中工作，但在其他borwsers看起來像這樣：

enter image description here

我的代碼也是這樣的： function shiftToLeft（）{ firstEntity = $（「。entities」）。first（）; entityWidth = firstEntity.outerWidth（）; entitiesAreaWidth = $（「＃slideshow_entity」）。width（）;

  if (firstEntity.offset().left != entitiesAreaWidth - entityWidth) 
       firstEntity.animate({ 
        'marginRight' : "+=4px" 
       }, 0); 
      else 
       $("#slideshow_entity_arrow_left").css('background-image', 
         "url(" + leftArrowNormal + ")"); 
     }

你能幫我嗎？？什麼是錯的，它是唯一的工作對鉻（僅適用於Windows操作系統）（抱歉，我不能對齊的代碼部分上面正常）

來源

2013-12-09 Hamed Minaee

請問您可以發佈JSFiddle嗎？ – smcjones

這是鏈接，但因爲它是一個非常大的項目和許多資源結合在一起返回結果我不能把所有的小提琴頭，但至少你可以看到HTML和javasdript更容易謝謝:) http：// jsfiddle。 net/hminaee/eeSqH/ –

另外值得注意的是，我添加的Html是一個將添加到jsp文件的組件 –