jquery-animate - 需要从单击的 div 滚动到浏览器窗口的顶部。不至文档顶部，使用 Isotope Jquery

Question

请在这里查看我的 jsFiddle

我正在使用 jQuery Isotope 插件，我无法使用他们的itemPositionDataEnabled来从我点击的项目滚动到浏览器窗口中当前可见内容的顶部。

使用 itemPositionDataEnabled 我应该能够提取我所请求的任何项目的 x 和 y 位置。然而我的根本没有做任何事情......

var $this = $(this),
scrollTop     = $(window).scrollTop(),
itemPosition  = $this.data('isotope-item-position'),
itemPositionY = $this.itemPosition.y,
distance      = (itemPositionY - scrollTop);

$('html, body').stop().animate({
scrollTop: distance
}, 1000);

Answer 1

您在这两行中有一个简单明了的错误：

itemPosition = $this.data('isotope-item-position'), 
    itemPositionY = $this.itemPosition.y;

第二行应该是：

itemPositionY = itemPosition.y;

不确定您是否一直到那里，因为它似乎只在第一次点击时按照您想要的方式工作。

http://jsfiddle.net/EA8tM/90/