jQuery的animate scrolltop（）不在IE10中向下滚动

Question

当我应用此代码并在Internet Explorer和FireFox中对其进行测试时，单击时页面不会使用切换功能向下滚动，但是在关闭叠加层后页面会向上滚动。 这在Google Chrome浏览器中工作正常，但在IE 10或Firefox中却不能。 请帮忙。 :)

  $(document).ready(function(){


 $(".PlaceHolders").click(function(e){

e.preventDefault();
$(".overlay").slideToggle(2000, function(){

  $("#url_placeholder").text($(this).is(':visible') ? "Close Components" : "View Available Components");
});
   $('html','body').animate({scrollTop: $(".PlaceHolders").offset().top}, 2000);
 });

Answer 1

这只是您的选择器。 参见http://codepen.io/anon/pen/MYNZzW

   $('html,body').animate({scrollTop: $(".PlaceHolders").offset().top}, 2000);

Answer 2

希望这就是您想要的。 这是一个正在工作的小提琴，经过了chrome和ie10测试，

$(document).ready(function(){

 $(".PlaceHolders").click(function(e){

$(".overlay").slideToggle("slow", function() {

 setTimeout(function(){
   $("#url_placeholder").text($(this).parent(".overlay").is(':visible') ? "Close Components" : "View Available Components");
  },500);
  });

  $("html, body").animate({ scrollTop: $("#url_placeholder").offset().top }, 1000);

e.preventDefault();
});

});

http://jsfiddle.net/adhegde001/8uf9pvqw/1/