当前位置：文江博客话题详情

如何知道用户何时滚动经过
？

发布于 2024-11-09 13:59:53 字数 261 浏览 5 评论 0原文

我正在构建一些东西，向用户展示他们没有见过的物品。

每个项目都在

中，因此当用户滚动经过 div 或查看该 div 时，我希望将该项目标记为已查看。

谷歌阅读器就是这样做的，如果你滚动浏览提要中的某个项目，它会自动将其标记为已读。

如何追踪这一点？请指教。

注意：不应该仅限于使用鼠标滚动，向下/向上翻页，使用箭头键等也应该计算在内。主要标准是用户已经看到了 div。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

坏尐絯℡ 2024-11-16 13:59:53

您需要 jQuery 的 scrollTop。

例如：

$(window).scrollTop() > $('#mydiv').offset().top;

当它第一次进入视图时，或者如果您希望它在完全视图中时被标记，则将 $('#mydiv').height() 添加到顶部偏移量。

You need jQuery's scrollTop.

Something like:

$(window).scrollTop() > $('#mydiv').offset().top;

for when it first comes into view, or add $('#mydiv').height() to the top offset if you want it to be marked when it's fully in view.

回复收藏 0 原文

末蓝 2024-11-16 13:59:53

您可以使用这样的解决方案，http://www.appelsiini.net/projects/viewport，我以前用过。

或者查看其他解决方案：检测窗口中呈现的 div 以实现类似 Google Reader 的自动标记为已读？

回复收藏 0 原文

半夏半凉 2024-11-16 13:59:53

看看$("#divid").scrollTop()。

回复收藏 0 原文

兔姬 2024-11-16 13:59:53

我想你会需要这样的东西......

$(window).scroll(function(){
    var scroll = $(this).scrollTop();
    var vieweditems = $('div').filter(function(){
       return scroll> $(this).offset().top;
       //compare the div's offset top with the window scroll position 
       // this returns the collection of viewed divs
    })// this object is colleection of viewd divs
      .removeClass('hilight')
      //Remove the class which distinguishes the unread and read items
      .map(function(){
          return this.id.split('_')[1];
      }).get();
      //This is the collection of ids of viewd divs
      //vieweditems  now holds the ids of viewed divs

});

I think you'll need something like this...

$(window).scroll(function(){
    var scroll = $(this).scrollTop();
    var vieweditems = $('div').filter(function(){
       return scroll> $(this).offset().top;
       //compare the div's offset top with the window scroll position 
       // this returns the collection of viewed divs
    })// this object is colleection of viewd divs
      .removeClass('hilight')
      //Remove the class which distinguishes the unread and read items
      .map(function(){
          return this.id.split('_')[1];
      }).get();
      //This is the collection of ids of viewd divs
      //vieweditems  now holds the ids of viewed divs

});

回复收藏 0 原文

~没有更多了~