Css Chrome和溢出:隐藏问题

Css Chrome和溢出:隐藏问题,css,google-chrome,overflow,Css,Google Chrome,Overflow,在我的javascript中,我使用jqueryanimate()函数自动滑动推文 代码: 在每一个浏览器中,代码都做它必须做的事情:滑动。但在铬合金中,它并不总是滑动,它有一半的时间在滑动。即使它滑动,left也会得到非常糟糕的值(即584.2132312而不是500、1000等) 如有任何建议,将不胜感激:-) 编辑:看起来像一个css问题:chrome(来自版本11)似乎在overflow:hidden 编辑2:请参见这似乎是一个奇怪的答案,但它与我之前在chrome中看到的动画一致: 在

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

代码:

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

如有任何建议,将不胜感激:-)

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


编辑2:请参见

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

在CSS之后是否包含javascript?根据页面的设置方式,我已经看到Chrome在加载CSS样式之前尝试运行javascript时会脱落,因此动画无法工作,因为它尚未加载元素的
位置属性。

无法找到在Chrome中使用
溢出:隐藏
的任何解决方案。
因此,我从css中删除了
溢出
,并在tweet上放置了一些带有z索引的div来隐藏它们


找到了我的解决方案:

另一种方法可能是使用jQuery UI的功能。在所有css包含之后,无法复制此Javascript中包含的功能<代码>位置
在调试时获取一个值首先通过插入警报(位置)检出“位置”值;在IF语句之前…您将知道“position”的真实值。@BorisD position正是应该的值。但是chrome浏览器不会在那个位置显示我的推文
function movefeeds() {
   var element = jQuery("#Feeds");
   var position = element.position();

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

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