为什么我的代码没有实现Javascript/JQuery？_Javascript_Jquery_Html_Css

为什么我的代码没有实现Javascript/JQuery？

javascript jquery html css

为什么我的代码没有实现Javascript/JQuery？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我不确定我的代码有什么问题，但我无法滚动，因为我的代码是要做的我认为Javascript/JQuery没有被读取，或者我没有正确地实现它此代码的工作示例可在以下问题的答案中找到：我将感谢任何帮助顶级HTML： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> h2 {color:red;} p {color:blue;} #scroll {

我不确定我的代码有什么问题，但我无法滚动，因为我的代码是要做的

我认为Javascript/JQuery没有被读取，或者我没有正确地实现它

此代码的工作示例可在以下问题的答案中找到：

我将感谢任何帮助

顶级HTML：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
<style>
h2 {color:red;}
p {color:blue;}
  #scroll { 
    overflow-y: scroll; width:100%; height:1000px
  }

</style>
</head>
<body>
<div id="scroll">

  <h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
...


h2{颜色：红色；}
p{颜色：蓝色；}
#滚动{
溢出y：滚动；宽度：100%；高度：1000px
}
这是一个标题
这是一段
这是另一段
...

主体标记末尾的Javascript代码：

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function animatethis(targetElement, speed) {
    var scrollHeight = $(targetElement).get(0).scrollHeight;
    var clientHeight = $(targetElement).get(0).clientHeight;
    $(targetElement).animate({ scrollTop: scrollHeight - clientHeight },
    {
        duration: speed,
        complete: function () {
            targetElement.animate({ scrollTop: 0 },
            {
                duration: speed,
                complete: function () {
                    animatethis(targetElement, speed);
                }
            });
        }
    });
};
animatethis($('#scroll'), 5000);

</script>
</body>
</html>


函数animatethis（目标元素、速度）{
var scrollHeight=$（targetElement）.get（0）.scrollHeight；
var clientHeight=$（targetElement）.get（0）.clientHeight；
$（targetElement）.animate（{scrollTop:scrollHeight-clientHeight}，
{
持续时间：速度，
完成：函数（）{
动画（{scrollTop:0}，
{
持续时间：速度，
完成：函数（）{
动画（目标元素、速度）；
}
});
}
});
};
动画这（$（'滚动'），5000）；

脚本标记应该是脚本中的最后一个元素

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
    <style>
        your styles
    </style>
</head>
<body>
    <your body stuff>
    <script>Here goes your script</script>
</body>
</html>


文件
你的风格
这是你的剧本

这是为了在阅读脚本之前加载所有html。

将脚本放在脚本下面的正文中content@ZohirSalak当我把它放在body标签的末尾时它也不工作。添加一个控制台的屏幕截图。它不会显示任何错误。它只是空的。谢谢你的帮助，但是，这并不能解决问题。如果你想快速检查你的javascript是否被读取，请放置一个console.log（'在javascript中或其他任何地方'）；在您的功能开始时。如果您可以看到它，那么这是代码中的问题，而不是javascript没有被读取。