javascript - 向下滚动页面出现图像 | Sharepoint 在线嵌入

Question

我已将以下代码嵌入到我的 Sharepoint 在线网站中。该图像出现在右下角，单击后将我带到页面顶部，如编码所示；但是 Jquery javascript 代码似乎不起作用...无论滚动多少像素，图像都保持可见。

 <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"><\script>
<script>

$(window).scroll(function() {
    if ($(this).scrollTop()>100) {
        $('#toTop').fadeIn();
    } else {
        $('#toTop').fadeOut();
    }
});
</script>

<div id="toTop">
<a style="position: fixed; bottom:20px;left:5px;" href="#ctl00_onetidHeadbnnr2" title="Back to Top"><img style="border: none; height: 37.5px; width:50.5px" src="backtotop-1.png" ></a>
</div>

上面的代码包含了两个建议的解决方案，但似乎仍然无法正常工作!无论页面滚动多少，图像都是可见的，但一旦单击图像就会消失。该代码在纯 .html 文件中似乎完全可以正常工作。

求助!非常感谢你提前。

当前控制台错误:

Answer 1

检查 jsfiddle您的代码的链接。它工作得很好。如果 jquery 1.6.4.min.js，您只需要检查以下行:

<script type="text/javascript" src="http://code.jquery.com/jquery 1.6.4.min.js"></script>

这应该是正确的:http://code.jquery.com/jquery-3.3.1.js