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

时间:2012-11-23 07:34:09

标签: jquery-animate position jquery-isotope scrolltop

请查看我的jsFiddle here

我正在使用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);

1 个答案:

答案 0 :(得分:0)

这两行中有一个简单明了的错误:

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

第二行应该是:

itemPositionY = itemPosition.y;

不确定你是否一直都在那里,因为它似乎只是在你第一次点击的方式上工作。

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