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

它总是对我有用。

JS页面滚动不起作用

2 个答案: