奇怪的JavaScript滚动/呈现问题

今天我面临一个非常奇怪的问题

我创建了一个包含大约10个复杂元素的div。这些元素包含多个具有CSS3转换、动画和翻译的div

外部div相当宽，位于滚动容器内：

<div id="container">
    <div id="scroller">
        <div class="animated-element">
            [...]
        </div>
        <div class="animated-element">
            [...]
        </div>
        [...]
    </div>
</div>

document.getElementById('scroller').style.left = "-150px";
// or
$('#scroller').animate({"left" : "-150px"}, 500);

奇怪的事情正在发生。滚动元素后，没有任何更改。首先，我认为这可能是一个打字错误或脚本中的一些东西

然后我将光标移到滚动条上，只要我来回移动它，我所做的更改（使用JS）就会显示出来

我找了很多关于重新招标的东西，但没有找到任何有用的

我无数次地制作这种滑块。这就是为什么这个问题让我如此困惑

明天我回办公室时，我会试着编一把小提琴。但我希望有人能想出一个主意，甚至是一个解决办法

编辑2

这是你的电话号码

我发现，如果我从单个

.moreitem

s中删除

透视图

透视图原点和

位置：相对

属性，滚动就会起作用。在整个上下文中，似乎有什么东西中断了。不管怎么说，这个切口还是管用的

编辑1以下是滚动条的CSS：

-webkit-box-align:center;
-webkit-box-orient:horizontal;
-webkit-box-pack:start;
display:-webkit-box;
height:100%;
position:absolute;

---

Safari很容易出现不重新发布动态内容的问题。我昨天在CSS3专栏中遇到了这个问题

不确定这是问题的核心，还是仅仅是一个小故障分散了对真实问题的注意力，但请尝试在动画结束后强制重新播放：

$('.morecontainer').toggle().toggle();

---

或者，作为动画的一部分，您可以移动（或以其他方式制作动画）一个透明的div，其

位置：绝对
和
z-index:-1
位于
下面。morecontainer
，这可能会在动画的每个步骤中强制重新播放。
滚动条本身是否有一些特殊的CSS？是的。我编辑了我的问题并添加了CSS。明天我将发布一个提琴。确切时间是
$（'#scroller'）。动画（{“左”：“-150px”}，500）运行？如果您希望一些演示类似于jsfiddle.net的东西会更好…它是由onclick（或者现在是从控制台）触发的。如果你读过我的全部问题，你就会知道我今天的计划是拉小提琴：）