Question

任何人都可以帮助我锻炼为什么这不适用于IE吗？我有一个产品镜头，当滚动动画下来减轻它下面的更多信息。这适用于所有其他浏览器，而不是IE＆lt; 7任何想法或其他解决方案？

目前悬停效果正常，但“滚动”在IE中没有任何作用谢谢

$('#topProducts li').hover(
function () {
    $(this).find('.topProdImg').stop().animate({
        bottom: '-=140'
    }, 500)
}, function () {
    $(this).find('.topProdImg').stop().animate({
        bottom: '+=0'
    }, 500)
});

的CSS：

.topProducts ul li img{
    position:absolute;
    z-index:10;
    padding-bottom:10px;
    border-bottom:1px #ebebeb solid;
    left: 20px;
}

由于

Answer 1

尝试使用px

$('#topProducts li').hover(
function () {
    $(this).find('.topProdImg').stop().animate({
        bottom: '-=140px'
    }, 500)
}, function () {
    $(this).find('.topProdImg').stop().animate({
        bottom: '0px' //it doesn't sense to apply +=0
    }, 500)
});

Answer 2

使用底部边距结束。

$('#topProducts li').hover(
function () {
   $(this).find('.topProdImg').stop(true,true).animate({marginBottom:'-140px'},200);
}, function () {

    $(this).find('.topProdImg').stop(true,true).animate({marginBottom:'0px'},400);
});

干杯

在IE中使用'+ ='进行动画的Jquery问题

2 个答案: