Javascript 社交弹出插件

我正在尝试创建一些东西，这样当用户到达页面末尾时，他们会看到一个div弹出窗口

出于某种原因，它在Internet Explorer中工作，但在Chrome中却不工作。我这样想是因为top（）元素：

$（窗口）。滚动（函数（）{
if（$（'#myPara'）.offset（）.top<$（this.height（）+$（this.scrollTop（））{
$（'#msgBox'）.show（）；
$（'#msgBox'）.animate（{top:$（window.scrollTop（）+“px”}，{queue:false，duration:350}）；
}否则{
$（'#msgBox'）.hide（）；
}
});

---

有人能告诉我如何修复它吗？

根据您所说的，您需要调整参数才能满足if语句。Chrome显然有不同的视图端口。通过测试，您应该能够找到最佳大小。

在您正在比较的两个图形上进行console.log可能会很有用，以查看if语句是否满足要求。我满足了，但出于某种原因，在crhome中，vars从资源管理器获取了另一个值。。。

<span id="myPara"></span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    $(window).scroll(function() {
        if ($('#myPara').offset().top < $(this).height() + $(this).scrollTop()) {
            $('#msgBox').show();
            $('#msgBox').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350});
            } else {
            $('#msgBox').hide();
            }
        });
</script>