创建滚动条时的浏览器兼容性问题

Question

我有一些divs让我们说100和这些盒子是水平的，我也有2个箭头，当鼠标放在它们上面时，它们将盒子向右或向左移动，

ptoblem是当我把鼠标放在左箭头上时它应该向左移动，如果第一个盒子不在其实际（加载时间）位置但是如果它在它的位置它应该被锁定而不再移动它在chrome中工作，但在其他borwsers中看起来像这样：

我的代码也是这样的：            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 + ")");
        }

你能帮帮我吗？有什么问题，它只适用于chrome（仅限Windows操作系统）？（抱歉，我无法正确对齐部分代码）

Answer 1

改为使用以下行：

if（Math.ceil（firstEntity.offset（）。left）！= entitiesAreaWidth - entityWidth）