Chrome和溢出:隐藏的问题

时间:2011-06-21 12:47:53

标签: css google-chrome overflow

在我的javascript中,我使用jquery animate()函数自动滑动推文。

代码:

function movefeeds() {
   var element = jQuery("#Feeds");
   var position = element.position();

   if(position.left == 2000){
      element.css("left", "500px");
   } 

   element.animate({ "left": "-=500px" }, "slow");   
}

在每个浏览器中,代码都能完成它必须做的事情:滑动。但是在Chrome中,它总是不会滑动,而是一半时间滑动。即使它滑动,left也会得到非常糟糕的值(即584.2132312而不是500,1000等)。

任何建议都将受到赞赏:-)

编辑:看起来像css问题:chrome(来自版本11)似乎在使用overflow:hidden

时出现问题

编辑2:见this question

2 个答案:

答案 0 :(得分:2)

找不到在chrome中使用overflow:hidden的任何解决方案。 所以我从我的CSS中删除了overflow并在推文上放了一些带有z-index的div来隐藏它们。

在此找到我的解决方案:Question

答案 1 :(得分:0)

这看起来似乎是一个奇怪的答案,但它与我在动画片之前在Chrome中看到的一致:

你是否在CSS之后加入了javascript?根据您的网页设置方式,我看到Chrome在加载CSS样式之前尝试运行javascript时会出现问题,因此您的动画无效,因为它没有加载元素的position属性爱好。