Javascript 幻灯片和滚动菜单在Firefox上工作得很完美，但在Chrome上却表现得很有趣

我有一个网站，包括一个图像库，点击后变成幻灯片。该网站分为4个垂直部分，您可以通过单击主导航菜单以平滑滚动的效果在其中导航（从一个部分跳到下一个部分）。 Firefox的一切都很完美，但当我用Chrome打开它时，有两个主要问题： 1.每当你在“项目”部分时，页面就会像溜溜球一样上下跳动。单击主导航菜单中的“项目”，您将看到我的意思。 2.幻灯片无法正常播放。点击“艺术品”。然后单击任何图像。您将看到，如果在Firefox中执行此操作，则导航菜单将隐藏在幻灯片后面。然而，使用铬合金，它们就在前面。我用#slideshow img{Z-index:1000}设置了幻灯片的Z-index，所以我真的不知道为什么会发生这种情况。 您可以在此处找到我的网站： 非常感谢。

问题：

$window.bind("scroll resize", function() {` 

这是错误的。它持续自动执行。 因为这句话总是正确的

if(scrollTop > $('#services').offset().top-$(window).height()+300 && scrollTop < $('#about').offset().top-$(window).height()+$('#cogs').height()){

if（scrollTop>$（'#services'）.offset（）.top-$（窗口）.height（）+300&&scrollTop<$（'#about'）.offset（）.top-$（窗口）.height（）+$（'#齿轮'）.height（））{

更改窗口大小/滚动后转换功能，以便再次执行该功能

你想完成什么？

---

您只想单击“我”菜单并滚动到特定的部分？

对不起，我不确定是否理解您的解释。如果您在Firefox中打开网站，您将看到我想要完成的内容。该网站在Firefox上运行得非常好。因此，是的，它只需向上/向下滚动到特定的部分。我想您可以称之为平滑scroll效应。如果部分代码不正确，那么为什么它在Firefox中可以完美工作？在chrome中，绑定在“滚动调整大小”上的函数会连续执行。显然是$（'#cog1'）.css（{'-webkit transform'：'rotate（+（滚动顶/慢度*0.9）+'deg'））；和其他css转换，执行windows调整大小，使函数再次调用自身。如果打开chrome developer tools并添加断点，您将看到它。好的，谢谢。我从未使用过chrome developer tools…您是通过添加断点发现这一点的吗？我需要知道重复函数的确切位置才能执行此操作吗s？你知道为什么这只发生在4个部分中的一个吗？你好？我试着学习如何使用Chrome开发者工具，但我仍然不知道你到底在说什么。你提到的这行代码在哪里？它在哪个文件中？如果我不知道在哪里添加断点，我该怎么看？答案是完全没用，只要你不告诉我你在哪里找到那行代码。。。