在我的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
答案 0 :(得分:2)
找不到在chrome中使用 overflow:hidden
的任何解决方案。
所以我从我的CSS中删除了overflow
并在推文上放了一些带有z-index的div来隐藏它们。
在此找到我的解决方案:Question
答案 1 :(得分:0)
这看起来似乎是一个奇怪的答案,但它与我在动画片之前在Chrome中看到的一致:
你是否在CSS之后加入了javascript?根据您的网页设置方式,我看到Chrome在加载CSS样式之前尝试运行javascript时会出现问题,因此您的动画无效,因为它没有加载元素的position
属性爱好。