记我为Hexo Next主题提交的第一个PR
原文中文，约2300字，阅读约需6分钟。
📝
内容提要
本文记录了作者为Hexo Next主题提交的第一个PR，解决了Safari浏览器中Disqus评论框无法延迟加载的问题。通过分析代码，发现Safari在获取滚动位置时返回0，导致评论框无法加载。作者修改代码，使其兼容Safari，并实时获取评论框位置，从而解决了该bug。
🔎
延伸解读
Safari浏览器的兼容性问题
在开发Web应用时，浏览器的兼容性是一个重要考量。本文中提到的Safari浏览器在获取滚动位置时返回0，导致Disqus评论框无法加载。这提醒开发者在实现功能时，需考虑不同浏览器的行为差异，确保代码的跨浏览器兼容性。
动态加载的实现细节
实现评论框的延迟加载需要动态获取元素位置和窗口高度。作者通过实时更新offsetTop和scrollTop的方式，解决了因图片未加载导致的高度不准确问题。这一方法不仅提高了用户体验，也为其他开发者提供了参考，尤其是在处理动态内容时。
代码优化的重要性
在解决问题的过程中，作者对代码进行了优化，替换了不兼容的获取方式。这表明，代码的可维护性和可读性在开发中至关重要。开发者应定期审视和优化代码，以适应不断变化的技术环境和用户需求。
❓
Q&A
Hexo Next主题的第一个PR解决了什么问题？
解决了Safari浏览器中Disqus评论框无法延迟加载的问题。
为什么在Safari中Disqus评论框无法加载？
因为Safari在获取滚动位置时返回0，导致评论框无法加载。
作者是如何修改代码来解决Safari的问题的？
作者将scrollTop获取方式替换为Safari兼容的方式，并实时更新offsetTop。
在修改代码时，作者发现了什么问题？
发现很多未加载的图片导致offsetTop值不准确。
Hexo Next主题的Disqus评论框有什么配置选项？
有一个选项是开启lazyload，允许评论框延迟动态加载。
作者在解决问题时做了哪些主要改动？
主要改动包括替换scrollTop获取方式和实时更新offsetTop。
🏷️
