jQuery的 - 边距铬

没有更新我试图用一些简单的数学更新上边距动画一些IMG元素。jQuery的 - 边距铬

它是这样的：

$('.spd2').css('margin-top', - offsetPC * 12 + '%');

据applyed到IMGS这样的：

<img src="img/pgDadosImportantes_i001.png" class="spd1" 
    style="right: 30%; top: 45%; z-index:10;" />

有了这种风格在CSS文件设为：

.ilustras { 
    width: 960px; 
    height: 100%; 
    position: absolute; 
    z-index: 0; 
} 

.ilustras img { 
    position: absolute; 
    float: right; 
    width: auto; 
    height: auto; 
    display: inline-block; 
}

它工作在Firefox和IE很好。问题在于，在chrome中，margin-top的值并未更新。

我尝试了几种变化到所有涉及的元素，改变的属性的位置，浮动，宽度，高度，显示...和chaned命名marginLeft，利润率左jQuery中的一些方法。

没有什么工作与Chrome浏览器。如果我申请一个静态数字，它的工作。

我这里有一个例子：

http://unitfour.com.br/HotsiteCluster/

Apreciate任何帮助！

*对不起我的英语和我的代码...我是巴西设计师工作了两个！

来源

2012-07-19 Fabio Montone

$（ 'SPD1 '）的CSS（' 边距'， - offsetPC * 12 + '％'）。你应该写在你的jQuery脚本，如在img标签你已经给class =“spd1” – 2012-07-19 15:46:33

没有得到的重点..但泰克的答案。 – 2012-07-19 18:00:01

调试offsetPC var，谷歌浏览器是唯一返回“无穷大”的浏览器。 – 2012-07-19 18:07:31

它不是在的Webkit（浏览器/ Safari浏览器）显示，因为 - 在一个陌生的方式 - 他们没有得到scrollTop();值。我已经使用window.pageYOffset解决了这个问题，组成了我的变量。希望帮助别人！谢谢大家的帮助！

来源

2012-07-23 15:07:40

添加到您的解决方案，这篇文章可能有助于解释为什么scrollTop不起作用：http://stackoverflow.com/questions/1830080/jquery-scrolltop-doesnt-seem-to-work-in-safari-or-chrome-视窗 – 2012-07-23 19:03:12

尝试类似：

$('.spd2').css('margin-top', ((parseInt($('.spd2').css('margin-top')) - offsetPC) * 12) + '%');

，并告诉我们，如果它是确定。

来源

2012-07-20 10:46:13 sdespont

jQuery的 - 边距铬

回答

相关问题