如何在向下滚动页面时检测并传递元素

Question

为了节省服务器上的资源我在所有帖子上使图像视图相同，我想在向用户滚动页面以节省带宽时向用户显示div时更改该图像。 代码：

<div class="image_showen" s="">
  <a href="{link}" target="">
    <img src="images/defaultimage.jpg" alt="{thread_title}" />
  </a>
</div>

我的问题是如何检测div在视口上并将其传递给向服务器发送请求以获取该图像的函数。

Answer 1

找到Appear Plugin。可能适合你。当一个特定的div出现时，然后显示图像。你不需要去服务器。只需将imagePath保存为隐藏字段，并在div出现后显示。

包含API后，您可以轻松编写类似：

的内容

$('someselector').on('appear', function(event, $all_appeared_elements) {
  // this element is now inside browser viewport... so show the image you need...
});