Javascript 一个页面上有多个Google Translate实例

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

但问题是，只有谷歌翻译嵌入功能只在顶部导航，而不是粘性导航，我需要它们都有一个功能谷歌翻译嵌入

我认为，针对我的情况，解决这个问题的最佳方法是我首先：

在窗口加载时，将Google Translate api脚本附加到函数中的顶部nav元素

在新函数中，使用$（window）.scrollTop（）检查用户是否滚动过页面的某一点，然后在该点终止第一个函数

执行与第二步相同的操作，但当用户向上滚动超过某个点时，执行相反的操作

这就是我现在正在处理的问题：

请记住，目前只有此函数起作用，但在尝试终止第一个函数时，其余函数失败：

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

任何指导都会很有帮助，谢谢