谷歌的多个实例翻译在一个页面上

Question

在我的页面上，我有一个顶部导航栏和一个粘性导航，一旦用户移过页面上的某个点，就会切换。我正在尝试将Google Translate嵌入到顶级导航和粘性导航中，但似乎Google翻译只能在每页初始化一次。我试过这里找到的解决方案：

Multiple Instances of Google Translate

但问题在于，只有Google Translate嵌入功能仅在顶级导航中才有功能，而不是粘性导航，我需要它们都具有正常运行的Google Translate嵌入功能。

我认为这种方式最好的解决方法是我第一次：

1. 在窗口加载时，将Google Translate api脚本附加到函数中的顶部nav元素
2. 在新功能中，检查用户是否使用$（window）.scrollTop（）滚动浏览页面的某个点，然后在此时终止第一个函数。
3. 与第二步相同，但在用户向上滚动某个点时反转。

这就是我现在正在使用的：

https://jsfiddle.net/jgg7ffwc/

请记住，只有此功能现在正常工作，但其余功能在尝试终止第一个功能时失败：

$(window).load(function initializeGT() {
    new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE},'gls-element');
});

任何指导都会非常有用，谢谢。