Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/python-3.x/19.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 添加javascript反弹效果_Jquery_Jquery Animate - Fatal编程技术网

Jquery 添加javascript反弹效果

Jquery 添加javascript反弹效果,jquery,jquery-animate,Jquery,Jquery Animate,我正试图添加一个非常微妙的反弹效果的内容区域,看到黄色,点击'后。我猜它会在javascript中完成 HTML <div class="block"> <h2>This is green block is fixed</h2> </div> <div class="content" id="here"> <div class="headerbar"> <a href="#here">Top

我正试图添加一个非常微妙的反弹效果的内容区域,看到黄色,点击'后。我猜它会在javascript中完成

HTML

<div class="block">
     <h2>This is green block is fixed</h2>

</div>
<div class="content" id="here">
    <div class="headerbar"> <a href="#here">Top / Reveal</a>
Sublte Bounce
    </div>
</div>
您可以使用。例如,使用
easeOutBounce

$("a[href='#here']").click(function () {
    $("html, body").animate({
        scrollTop: $("body").scrollTop() == 0 ? 300 : 0
    }, "slow", "easeOutBounce");
    return false;
});
编辑:回答评论时,选择最佳的缓解功能当然是主观的,但是如果您对Jquery提供的任何功能都不满意,您可以自己做。这是一个很好的资源列表,可以开始探索,还有一个

您可以使用。例如,使用
easeOutBounce

$("a[href='#here']").click(function () {
    $("html, body").animate({
        scrollTop: $("body").scrollTop() == 0 ? 300 : 0
    }, "slow", "easeOutBounce");
    return false;
});

编辑:回答评论时,选择最佳的缓解功能当然是主观的,但是如果您对Jquery提供的任何功能都不满意,您可以自己做。这是一个很好的资源列表,可以开始探索,还有一个

正如@PauloAlmeida所说,您应该使用jQueryUI来添加更多的缓和功能

但是,我建议设置
top
属性的动画(因为它看起来在我的计算机上不起作用,因为它不能滚动那么多像素),并使用
easeautback
作为动画功能


小提琴是否按照我的建议进行了更新。

正如@PauloAlmeida所说,您应该使用jQueryUI添加更多的缓和功能

但是,我建议设置
top
属性的动画(因为它看起来在我的计算机上不起作用,因为它不能滚动那么多像素),并使用
easeautback
作为动画功能


小提琴是否按照我的建议进行了更新。

所以。。。除了它已经在做的事情之外,您还想要什么呢?如果您包括,您可以将
“bounce”
作为第三个参数传递给
animate
。因此。。。除了它已经在做的事情之外,你到底想要什么?如果你包括,你可以将
“bounce”
作为第三个参数传递给
animate
。我会认为
easeOutBack
会是一个更好的选择。是否有任何方法来调整它,以便我可以定义它的反弹程度?@Rob,看,我认为
easeautback
会是一个更好的选择。是否有任何方法来调整此选项,以便我可以定义它的反弹量?@Rob,看