我如何使用航点滚动来滚动到特定元素？

Question

元素的#2 id仅在向下滚动后才会加载，因为我无法使用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()