我有一个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/
但是,请测试边缘情况(元素太高而无法向下滚动等)

10-05 20:42
查看更多