对scrollTop的使用.animate(Using .animate on scrollTop)

2019-10-18 08:07发布

我如何加入到.animate这段代码去?

$("body,html").scrollTop($("#wrapper3").position().top);

我曾尝试加入.animatescrollTop ,但它一直显示在Dreamweaver中的错误。

任何帮助表示赞赏。

编辑:

HTML

<!DOCTYPE html>
<meta charset=utf-8>
<html lang="da">
<html>
<head>
<link href="_css/fddkStyles.css" rel="stylesheet" type="text/css" />
<link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<script src="_jquery/jquery-1.10.1.min.js"></script>




<title>Title of the document</title>
</head>

<body>
<div id="wrapper">
<div id="bar16"></div>
</div>

<div id="wrapper2">
</div>

<div id="wrapper3">
</div>


<script src="_jquery/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="_jquery/TweenMax.min.js"></script>
<script src="_jquery/my.js" type="text/javascript"></script>
<script src="_jquery/jquery.scrollTo-1.4.3.1-min.js"></script>


</body>

</html>

JavaScript的

$(document).ready(function(e) {
    $("#bar16").click(function() {
$("body,html").scrollTop($("#wrapper3").position().top);


});
});

Answer 1:

这不是很清楚什么和如何你想达到你的结果,但如果我明白你的意思,你可以这样做:

<h1 id="anchor">Lorem Ipsum</h1>
<p><a href="#anchor" class="topLink">Back to Top</a></p>

和jQuery:

    $("a.topLink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"}, {duration: 500, easing: "swing"
        });
        return false;
    });

该#anchor可以改变你想要什么和“返回顶部”是要去你#anchor。 只要确保股利(或在这种情况下,H1)具有idenditcal ID。

这里是一个小提琴

用于跳转到页面顶部一个可能的原因是你没有加载jQuery的事实。 确保jQuery是加载。

编辑

确定你的编辑后,你应该改变这种

<div id="bar16"></div>

<div id="bar16">
    <a href="#wrapper3" class="topLink">CLICK HERE</a></div>
</div>

喜欢这里: 小提琴



文章来源: Using .animate on scrollTop