Javascript 为什么我的平滑卷轴不能正常工作？_Javascript_Html_Css

Javascript 为什么我的平滑卷轴不能正常工作？

javascript html css

Javascript 为什么我的平滑卷轴不能正常工作？,javascript,html,css,Javascript,Html,Css,我尝试了几种不同的方法平滑地滚动到顶部我使用过此代码和其他一些代码，这是一个专门用于#top属性的代码，但似乎没有任何效果我哪里出错了 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Naamloos document</title> <link href="basis.css" rel="s

我尝试了几种不同的方法平滑地滚动到顶部

我使用过此代码和其他一些代码，这是一个专门用于

#top

属性的代码，但似乎没有任何效果

我哪里出错了

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Naamloos document</title>

<link href="basis.css" rel="stylesheet" type="text/css">
<link href="navigatie/menu.css" rel="stylesheet" type="text/css">
<script>$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();

        var target = this.hash,
        $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
});</script>

</head><body>

<div id="header">
  <a href="#top"><img src="navigatie/bb.png" alt="" width="100" height="100" id="Image1"></a>
</div>

blabla content

</body>
</html>


Naamloos文件
$（文档）.ready（函数（）{
$（'a[href^=“#“]”）。关于（'click'，函数（e）{
e、 预防默认值（）；
var target=this.hash，
$target=$（target）；
$（'html，body'）.stop（）.animate({
'scrollTop'：$target.offset（）.top
}，900，“摆动”，功能（）{
window.location.hash=目标；
});
});
});
布拉布拉内容

包括CDN版本的

我同意其他帖子添加jQuery（您的示例没有提供它）。此外，对于更平滑的动画/过渡，您可能希望尝试使用CSS过渡，而不是JS动画

下面是一个关于使用jQuery平滑滚动到顶部的CSS转换的教程

另外，我个人非常喜欢jQuery transit库，它使用jQuery触发各种CSS转换

有关CSS转换为何优于JS库动画效果的更多信息

祝你好运

我同意其他帖子添加jQuery（您的示例没有提供jQuery）。此外，对于更平滑的动画/过渡，您可能希望尝试使用CSS过渡，而不是JS动画

下面是一个关于使用jQuery平滑滚动到顶部的CSS转换的教程

另外，我个人非常喜欢jQuery transit库，它使用jQuery触发各种CSS转换

有关CSS转换为何优于JS库动画效果的更多信息

祝你好运

我同意其他帖子添加jQuery（您的示例没有提供jQuery）。此外，对于更平滑的动画/过渡，您可能希望尝试使用CSS过渡，而不是JS动画

下面是一个关于使用jQuery平滑滚动到顶部的CSS转换的教程

另外，我个人非常喜欢jQuery transit库，它使用jQuery触发各种CSS转换

有关CSS转换为何优于JS库动画效果的更多信息

祝你好运

我同意其他帖子添加jQuery（您的示例没有提供jQuery）。此外，对于更平滑的动画/过渡，您可能希望尝试使用CSS过渡，而不是JS动画

下面是一个关于使用jQuery平滑滚动到顶部的CSS转换的教程

另外，我个人非常喜欢jQuery transit库，它使用jQuery触发各种CSS转换

有关CSS转换为何优于JS库动画效果的更多信息

祝你好运

检查控制台是否有错误。我们是否假设您已经检查了$（“#top”）元素是否存在，并且该元素是通过您的查询找到的？你还试图分别触发html和正文上的滚动？这种重复有什么原因吗？有没有可能发布JSFIDLE。检查控制台是否有错误。我们是否假设您已经检查了$（“#top”）元素是否存在，并且该元素是通过您的查询找到的？你还试图分别触发html和正文上的滚动？这种重复有什么原因吗？有没有可能发布JSFIDLE。检查控制台是否有错误。我们是否假设您已经检查了$（“#top”）元素是否存在，并且该元素是通过您的查询找到的？你还试图分别触发html和正文上的滚动？这种重复有什么原因吗？有没有可能发布JSFIDLE。检查控制台是否有错误。我们是否假设您已经检查了$（“#top”）元素是否存在，并且该元素是通过您的查询找到的？你还试图分别触发html和正文上的滚动？这种重复有什么原因吗？任何一个JSFIDLE被发布的机会。这会有帮助的。还要确保ID为

top

的元素存在。这会有所帮助。还要确保ID为

top

的元素存在。这会有所帮助。还要确保ID为

top

的元素存在。这会有所帮助。还要确保ID为

top

的元素存在。

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script src="jquery-1.10.2.min.js"></script>

$(function() {
  $('#header a').click(function() {
    $('html, body').stop().animate({ scrollTop: $($(this).attr('href')).offset().top }, 900, 'swing'); 
  });
});