jquery animate scrollTop不能在FireFox或IE上运行

Question

我有一些jQuery代码在click事件中滚动到元素的父级顶部。这段代码效果很好，但是，在IE和Firefox上测试时，滚动不起作用。有没有人知道这个功能的解决方案与IE和Firefox一起使用？

＆＃13;

＆＃13;

$(".character-img").click(function(){
  	$('body').animate({scrollTop: $(this).parent().offset().top});
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

<div class="character">
    <img class="character-img" src="https://unsplash.it/200/300" /> 
    <div class="content">
        
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

这是一个已知问题，Firefox只会在声明body和html时接受scrollTop。

$('html,body').animate({scrollTop: $(this).parent().offset().top});

是写这个的正确方法。

请参阅Animate scrollTop not working in firefox