Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 纯文本无限滚动_Javascript_Infinite Scroll - Fatal编程技术网

Javascript 纯文本无限滚动

Javascript 纯文本无限滚动,javascript,infinite-scroll,Javascript,Infinite Scroll,我想实现一个无限滚动功能,但有一些事情使它很难做到: 我想要一个大致固定的窗户高度 因此,通常我会比较一个窗口scrollTop与文档高度和窗口高度之间的差异,将其附加到底部并从顶部移除,然后调整scrollTop。简单 但是。我不能追加。在我的body标记中,我要么混合了HTML和纯文本,要么只有纯文本 所以我想我应该用这样的东西 它起作用,但效果很差。有时滚动位置有点错误。此外,在某些情况下,我最终会滚动到顶部并触发滚动底部,反之亦然 我想知道是否有更好的方法或一些现有的插件来完成这项任务。

我想实现一个无限滚动功能,但有一些事情使它很难做到:

  • 我想要一个大致固定的窗户高度
  • 因此,通常我会比较一个窗口scrollTop与文档高度和窗口高度之间的差异,将其附加到底部并从顶部移除,然后调整scrollTop。简单
  • 但是。我不能追加。在我的
    body
    标记中,我要么混合了HTML和纯文本,要么只有纯文本
  • 所以我想我应该用这样的东西
  • 它起作用,但效果很差。有时滚动位置有点错误。此外,在某些情况下,我最终会滚动到顶部并触发滚动底部,反之亦然


    我想知道是否有更好的方法或一些现有的插件来完成这项任务。我真的需要无限滚动,因为我需要语言处理和文本上的其他一些有点沉重的东西。

    看,如果你能用流行的jQuery插件实现这一点:。

    看,如果你能用流行的jQuery插件实现这一点:。

    这个插件是我检查的第一件事。这个插件是我第一次检查的。这是行不通的。
        l=18000;
        //start length
        sw=3000;
        //scrolling window
        j=0;
        const html=$("body").html();
        if (scrollToBottom) {
          $("body").html(html.slice(j,l+sw));
          var ph=$("body").height();
          var result=html.slice(j+l,sw+l);
          $("body").html(result);
          var ch=$("body").height();
          var st=$(window).scrollTop-ph+ch;
          $(window).scrollTop(st);
        } else if (scrollToTop) {
          //the same
        }