Question

我正在制作一个网络应用。我创造了25个div。

我已经使用了jquery fadeIn()，逐渐制作div并在屏幕上一个接一个地显示。

但问题是，当创建了25个div时，会创建滚动，因为可以看到前4个div，但在用户滚动页面之前无法看到剩余的div。

我希望在创建一个div时，页面应自动滚动到最近创建的div，因此应该继续此过程，直到创建最后一个div。

Answer 1

我在这里找到了这个链接 smooth auto scroll by using javascript 使用这个你可以在这里创建这样的东西： http://jsfiddle.net/mrc0sp5j/

重点是，您使用

创建滚动功能

window.scrollBy or window.scrollTo

http://www.w3schools.com/jsref/met_win_scrollto.asp 使用jQuery .last或.eq，您可以指定要滚动到哪个元素

$(".mydivobjects").eq(x).position().top

希望这会有所帮助欢呼声

Answer 2

您可以使用

git status

pull

$('html,body').scrollTop($(".answer.visible:last").offset().top);

$(function() {
  $(".answer").hide();
  $('#demo').click(function(e) {
    var _div = $('.answer[style*="display: none"]:first');
    if (_div.length) {
      _div.fadeIn();
      $('html,body').animate({
          scrollTop: _div.offset().top
        },
        'slow');
    } else {
      $(this).text('Done..!');
    }

  });
});

我认为当我们使用slideDown + scrollTop时，这看起来很酷。 Check fiddle

<强>之证件

获取坐标 http://api.jquery.com/offset/

设置滚动条的垂直位置 https://api.jquery.com/scrollTop/

设置滚动条的水平位置 https://api.jquery.com/scrollleft/

使用动画div自动滚动网页

2 个答案: