我有一个div网格,单击该网格可在其当前行下方显示一个div。
我想要这样,如果用户单击底部行上的div,则页面将滚动,以使显示的div现在与屏幕底部对齐(以便用户知道div在那,并且它不会隐藏在屏幕之外)
我试过使用jquery scrollTop作为
$('body').scrollTop(div);
并将div设置在页面顶部-但是如何对齐底部-还可以为过渡设置动画吗?
最佳答案
(function(){
var element = $('#align-this')
$('html, body').animate({
scrollTop: element.offset().top + element.height() - $(window).height()
}, 2000);
}).call()
http://jsfiddle.net/1drnuabg/2/
但是,请测试边缘情况(元素太高而无法向下滚动等)