javascript - 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")

它一直对我有用。