jQuery滚动到锚点返回NaN作为位置散列

是因为在使用jQuery的scrollTop()方法时，如果目标元素没有被正确定位，会返回NaN作为位置散列。

解决这个问题的方法是确保目标元素被正确定位。可以通过给目标元素设置CSS属性position: relative;或position: absolute;来实现定位。

另外，也可以使用jQuery的offset()方法来获取目标元素的位置信息，然后再使用scrollTop()方法进行滚动操作。

以下是一个示例代码：

// 点击链接滚动到锚点
$('a[href^="#"]').on('click', function(e) {
  e.preventDefault();
  var target = $(this).attr('href');
  var $target = $(target);
  
  if ($target.length) {
    // 获取目标元素的位置信息
    var targetOffset = $target.offset().top;
    
    // 滚动到目标位置
    $('html, body').animate({
      scrollTop: targetOffset
    }, 1000);
  }
});

在这个示例中，我们首先监听所有以#开头的链接的点击事件。当点击链接时，我们获取目标元素的选择器，并将其转换为jQuery对象。然后，使用offset()方法获取目标元素的位置信息，并使用animate()方法实现平滑滚动到目标位置。

推荐的腾讯云产品：腾讯云CDN（内容分发网络）

• 链接地址：https://cloud.tencent.com/product/cdn

腾讯云CDN是一种分布式部署的网络加速服务，通过将内容缓存到离用户更近的节点上，提供更快的访问速度和更好的用户体验。它适用于网站加速、文件分发、点播加速等场景，可以有效减少服务器负载，提高网站的可用性和稳定性。

注意：本答案仅供参考，具体的解决方法和推荐产品可能因实际情况而异。