首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >滚动和更新div、其他块

滚动和更新div、其他块
EN

Stack Overflow用户
提问于 2015-02-18 20:08:59
回答 1查看 20关注 0票数 0

我的任务是滚动和更新滚动(即在屏幕上查看)的事件。

基本上,我在页面上显示了一些消息(带有id的DIV块)。现在,当我滚动窗口时,无论看到什么消息,都需要从“未读”中进行“已读”。我该怎么做呢?如果消息是较早读取的,那么它将不会生效。如果消息是‘未读’和我滚动窗口,那么出现在屏幕上的消息必须通过一些操作(可能是Ajax)使消息‘已读’。

该怎么做呢?

EN

回答 1

Stack Overflow用户

发布于 2015-02-18 20:18:27

您可以使用一个名为Waypoints的JS库。它允许您在元素进入视口时设置回调函数。

代码语言:javascript
复制
var waypoint = new Waypoint({
  element: document.getElementById('message1'),
  handler: function(direction) {
    // Message has been read
  }
});

在您的示例中,您希望在消息块位于视区上方时调用处理程序,因此您可以使用以下代码:

代码语言:javascript
复制
var waypoint = new Waypoint({
  element: document.getElementById('message1'),
  handler: function(direction) {
    // Message has been read
  },
  offset: function() {
    return -this.element.clientHeight
  }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28583345

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档