Facebook聊天插件加载时自动将页面滚动到顶部

Facebook聊天插件加载时自动将页面滚动到顶部,facebook,plugins,chat,messenger,autoscroll,Facebook,Plugins,Chat,Messenger,Autoscroll,我在一个由OpenCart支持的网站上使用Facebook聊天插件8.0版,尽管我怀疑这会发生在任何CMS中。聊天插件总是需要几秒钟才能完全加载,图标会出现在页面的右下角 但是,当显示图标时,页面立即滚动到顶部。因此,如果用户已经开始向下滚动,他将被中断,页面将被重置 你知道是什么原因造成的吗?如何预防 这是Facebook在设置->消息->将Messenger添加到您的网站中自动生成的我的代码: <script> FB.init({

我在一个由OpenCart支持的网站上使用Facebook聊天插件8.0版,尽管我怀疑这会发生在任何CMS中。聊天插件总是需要几秒钟才能完全加载,图标会出现在页面的右下角

但是,当显示图标时,页面立即滚动到顶部。因此,如果用户已经开始向下滚动,他将被中断,页面将被重置

你知道是什么原因造成的吗?如何预防

这是Facebook在设置->消息->将Messenger添加到您的网站中自动生成的我的代码:

<script>      

        FB.init({
            xfbml            : true,
            version          : 'v8.0'
          });
        };

        (function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
          fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
  
</script>

        <!-- Your Chat Plugin code -->
        <div class="fb-customerchat"
            greeting_dialog_display="hide"
            attribution=setup_tool
            page_id="xxxxxxxxxxxxxxxx"
            theme_color="#67b868">
        </div>

事实证明,这种行为只发生在响应设计模式下的PC网络浏览器上,模拟在Chrome84.0和Firefox79.0上测试过的智能手机

在实际的智能手机上,它不会滚动到顶部


编辑:我错了,毕竟它确实会在我的智能手机上滚动到顶部。请在第一个答案中查看此问题的临时解决方案。

结果表明,这种行为仅发生在响应设计模式的PC web浏览器上,模拟在Chrome 84.0和Firefox 79.0上测试的智能手机

在实际的智能手机上,它不会滚动到顶部


编辑:我错了,毕竟它确实会在我的智能手机上滚动到顶部。请在第一个答案中查看此问题的临时解决方案。

当前正在跟踪此错误:

目前,我已经在插件加载期间实施了以下破解:

var originalScrollTo = window.scrollTo;
window.scrollTo = function() {};

setTimeout(function() {
 window.scrollTo = originalScrollTo;
}, 5000);

当前正在此处跟踪此错误:

目前,我已经在插件加载期间实施了以下破解:

var originalScrollTo = window.scrollTo;
window.scrollTo = function() {};

setTimeout(function() {
 window.scrollTo = originalScrollTo;
}, 5000);

事实上,我在桌面、手机和任何其他浏览器上都遇到了完全相同的问题。所以这不是你的怪事。还有,我在这里看到了这个bug的报告:还有这里:你是对的!现在我的智能手机上也出现了这种情况。谢谢你的链接,希望他们能尽快解决这个问题。事实上,我在桌面、手机和任何其他浏览器上都有同样的问题。所以这不是你的怪事。还有,我在这里看到了这个bug的报告:还有这里:你是对的!现在我的智能手机上也出现了这种情况。谢谢你的链接,希望他们能尽快修复。非常好的临时解决方案,可以完全防止滚动。非常感谢。非常好的临时解决方案,可以完全防止滚动。非常感谢你。