Jquery 添加javascript反弹效果
我正试图添加一个非常微妙的反弹效果的内容区域,看到黄色,点击'后。我猜它会在javascript中完成 HTMLJquery 添加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
<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,看