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/

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

2 个答案: