向下滚动页面时出现图像| Sharepoint Online Embed

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

是的，它是你的jquery来源。你有没有看到jquery src行中的“空格”，你也忘了关闭标签。并且为了将来不要忘记检查浏览器控制台是否有错误。

您可以在源文件中使用以下固定代码。

<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>
<style>
body{
  border: 1px dotted red;
  min-height: 1000px;
}
</style>
<div id="toTop">
<a style="position: fixed; bottom:20px;left:5px;" href="#ctl00_onetidHeadbnnr2" title="Back to Top">
  <img style="border:1px solid red; height: 37px; width:50px" src="https://i.imgur.com/WkCCy7L.jpg" >
</a>
</div>

让我知道这是否现在可以解决您的错误。

Answer 2

检查代码的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