粘性'返回页首'按钮适用于iMacFirefox，但不适用于Safari、Chrome或Android手

Sticky 'back to top' button works in iMac Firefox but not in Safari, Chrome or on Android phone

本文关键字：适用于 Chrome Safari Android 按钮返回页首 iMacFirefox 粘性不适用更新时间：2023-09-26

我饶有兴趣地阅读了Will Ryan 2014年3月12日19:28的问题，因为我在使用相同的"粘性‘返回顶部’按钮"教程时遇到了问题。我的按钮甚至没有出现。但我根据讨论的建议重新编写了代码，并使其完美地工作——在Firefox中，在我的iMac上。但它在我的iMac或三星Galaxy 4GLTE上的Safari或Chrome中都不起作用。我检查了Safari和Chrome的开发工具中的错误，但没有显示任何错误。我认为这可能是Z索引层的问题，但我在那里的努力失败了。以下是网站：http://willsoper.net/谢谢

感谢LJ_1102。我也看到了这个错误消息，但在研究早期问题时看到了它，并阅读了@Oladipo Olasemo于7月28日12:46发布的消息后，我选择忽略它：

通常，当你遇到这个问题时，它是因为脚本正在尝试在页面处于加载。

正如richie所提到的：HTML解析器将从从上到下…。

因此，您可以将javascript引用添加到html的底部文件，这不仅可以提高性能，还可以确保脚本文件中引用的所有元素都已加载通过HTML Parser。

当我读到这篇文章时，我把我的<script src="js/script.js"></script>移到了我脑海中这类脚本列表的底部，这立即完全解决了第一个问题，就像这个问题一样，代码在FF中工作，但在Chrome和Safari中失败了。

现在，当我读到LJ在上面的评论时，它激励我重读Oladipo的评论，并将我的<script src="js/script.js"></script>从头部移到身体代码的底部。这立即彻底解决了问题，我的"返回顶部"按钮现在不仅适用于FF，还适用于Chrome、Safari和我的Android智能手机。（第一个问题仍然没有解决。）

我现在将研究LJ对我的容器浮动的评论，我知道这是错误的，但不知道如何修复。