Henry Z's blog
·
记我为Hexo Next主题提交的第一个PR
原文中文，约2300字，阅读约需6分钟。
📝
内容提要
本文记录了作者为Hexo Next主题提交的第一个PR，解决了Safari浏览器中Disqus评论框无法延迟加载的问题。通过分析代码，发现Safari在获取滚动位置时返回0，导致评论框无法加载。作者修改代码，使其兼容Safari，并实时获取评论框位置，从而解决了该bug。
🎯
关键要点
-
作者为Hexo Next主题提交的第一个PR，解决了Safari中Disqus评论框无法延迟加载的问题。
-
在iPhone和电脑上的Safari中，评论框无法加载，怀疑是浏览器的问题。
-
分析发现，Safari在获取滚动位置时返回0，导致评论框无法加载。
-
作者修改代码，使其兼容Safari，实时获取评论框位置，从而解决了该bug。
-
主要改动包括替换scrollTop获取方式和实时更新offsetTop，以适应动态窗口大小和图片加载情况。
❓
延伸问答
Hexo Next主题的第一个PR解决了什么问题？
解决了Safari浏览器中Disqus评论框无法延迟加载的问题。
为什么在Safari中Disqus评论框无法加载？
因为Safari在获取滚动位置时返回0，导致评论框无法加载。
作者是如何修改代码来解决Safari的问题的？
作者将scrollTop获取方式替换为Safari兼容的方式，并实时更新offsetTop。
在修改代码时，作者发现了什么问题？
发现很多未加载的图片导致offsetTop值不准确。
Hexo Next主题的Disqus评论框有什么配置选项？
有一个选项是开启lazyload，允许评论框延迟动态加载。
作者在解决问题时做了哪些主要改动？
主要改动包括替换scrollTop获取方式和实时更新offsetTop。
🏷️
