javascript - 如何使用航点滚动滚动到特定元素？

Question

元素的#2id 仅在向下滚动后加载，因为我无法使用getElementById("#2").

//JS代码

$(document).ready(function() {
  $('html, body').animate({
    scrollTop: $("#2").offset().top
  }, 'slow');
});

// waypoint code:
var infinite = new Waypoint.Infinite({
  element: $('.infinite-container')[0],
  context: document.getElementById('#16'),
  onBeforePageLoad: function() {
    $('.loading').show();
  },
  onAfterPageLoad: function($items) {
    $('.loading').hide();
  }
});

示例：在页面加载时仅显示 1,6,3,4,5

 1
 6
 3
 4
 5

向下滚动后，我只得到 2，

 2

我想在第一次加载年龄时直接滚动到“2”元素。

Answer 1

您应该使用getElementById([id])不带“#”的函数。

对于您的情况：

将行更改document.getElementById('#16')为document.getElementById('16')

可以在此处找到更多信息：Document.getElementById()