JS页面滚动不起作用

Question

我写了类似的代码

$.ajax({
  type: 'POST',
  url: form.attr('action'),
  data: data,
  dataType: 'html',
  success: function(html){
    $(html).hide().appendTo(parent.find("[data-interactions]")).show().stop().animate({
        scrollTop: $(".vote_feedback_snippet:last-child").offset().top
    }, 1500,'easeInOutExpo');

当我单击发布按钮时，上面的代码在列表的底部生成了新的HTML代码段。 我想要的是：-当出现新的HTML代码段时，它只会滚动到该代码段

有人可以帮我吗

Answer 1

尝试：

$(html).hide()
.appendTo(parent.find("[data-interactions]"))
.show('fast', function(){
  $('html, body').animate({
     scrollTop:  $(".vote_feedback_snippet:last-child").offset().top
  });
});

Answer 2

使用此插件： http : //demos.flesler.com/jquery/scrollTo/

将允许您执行以下操作：

$.scrollTo(".vote_feedback_snippet:last-child")

它一直为我工作。