0

我试图通过一些简单的数学更新顶部边距来为一些 IMG 元素设置动画。

它是这样的：

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

它适用于这样的 IMG：

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

在 css doc 中设置此样式：

.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 的值没有被更新。

我尝试了对所有相关元素的一些更改，将属性更改为位置、浮动、宽度、高度、显示......并在 jQuery 中更改了一些命名 marginLeft、margin-left 的方法。

没有任何东西可以与 Chrome 一起使用。如果我应用一个静态数字，它就可以工作。

我这里有一个样本：

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

感谢任何帮助！

*对不起我的英语和我的代码......我是一名巴西设计师，两者都在工作！

4

2 回答 2

0

尝试类似：

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

并告诉我们是否可以。

于 2012-07-20T10:46:13.917 回答
0

它没有在 Webkit（Chrome / Safari）中显示，因为 - 以一种奇怪的方式 - 他们没有得到scrollTop();价值。我已经解决了window.pageYOffset用于编写我的变量的问题。希望对其他人有所帮助！谢谢大家的帮助！

于 2012-07-23T15:07:40.417 回答