视差过渡，两个锚点/ div之间有微妙的反弹
我试图在我的网站上只有一个链接到“折叠区域”的链接，我将在其中提供一个简单的联系表单; 我的想法是让这个链接做一个类似于js视差的漂亮过渡，一旦到达折叠区域的下方，就会巧妙地“反弹”几个像素。 （锚之间的空间大约是800px）
我在下面的代码中的尝试，但它仍然只是作为一个锚点被读取没有任何转换。 （我应该加载不同的jQuery库，还是以不同的顺序加载它们？）
更新后的尝试12-16：
呼唤头脑
被称为图书馆：
在关闭head标签之前。 （如果有问题，一些内联样式就在关闭之前 ）
$('a').on('click', function (event) { event.preventDefault();//stop the browser from jumping to the anchor var href = $(this).attr('href'), oset = $(href).offset().top; $('html, body').stop().animate({ scrollTop : oset }, 700, function () { location.hash = href; }); });
加价，CTA divs
..并且接近doc的底部
http://jsfiddle.net/Hpegt/1/
从关于此函数的早期问题创建的小提琴，并声明创建具有div高度的样式。 因为在小提琴中为所有div声明这个会破坏我的布局，所以我尝试了一个类
.scrollpls { height : 500px; border :0px solid #000; }
我在这做错了什么？ 在我有一天得到这个之后，我会试着弄清楚如何在导航到点之后实现一个微妙的反弹“缓和”。
谢谢你的帮助
如果你包含jQueryUI，有很多内置的缓动效果 。
尝试这个修改你的小提琴 – http://jsfiddle.net/CzQXC/
$('a').on('click', function (event) { event.preventDefault();//stop the browser from jumping to the anchor var href = $(this).attr('href'), oset = $(href).offset().top; $('html, body').stop().animate( { scrollTop : oset }, 1000, 'easeInOutElastic', function () { location.hash = href; } ); });
试试这个：
注意： bounce参数指定要使用的缓动。 这是jQueryUI的一部分，因此您需要下载它并将其包含在您的页面上，以使效果正常工作。
出于某种原因，我把代码放入后需要几分钟才能运行，但最后它解决了，我认为这是解决方案：
#top, #bottom { height : 130px; border : 0px solid #000; overflow:hidden; }