Question

我有一个jScrollPane中包含的图像列表，当您点击图像时，会出现一些花哨的裤子动画。问题是我需要从屏幕顶部获取图像的位置。我不能在不使用jScrollPane时使用jQuery轻松完成此操作，但是当我使用location时不会改变。如何在jScrollPane中找到图像相对于运动的位置？

我是如何构建图像的。

  grid = $('#grid'),
  str = '';

  grid.empty();
  $.each(main_images,function(i,v){
   str += '<li gallery="'+i+'"><div class="title">'+(content.navgrid[2][i].title )+'</div><a ng-href="#" class="zoom"><img src="'+main_images[i]+'"/><span></span></a></li>';
});
  grid.append($(str));

  grid.jScrollPane({hideFocus:true});

Answer 1

我尝试了Chrome开发者工具和此演示：

http://jscrollpane.kelvinluck.com/auto_reinitialise.html

如果您打开开发人员工具并检查注入到窗格中的<p>标记，您会看到每个标记都有offsetTop属性。那可能就是你要找的东西。

使用jScrollPane时查找屏幕位置

1 个答案: