使用滚动溢出-x进行无限循环

Question

实现目标

我设法使用溢出-y无限循环来取得结果，

我正在尝试做出不同的事情

我正在尝试做的是当用户滚动overflow-x并且宽度文档将增加+++时。

但是我现在得到的结果是文件的高度增加了。

JS

 $(window).scroll(function () {
     if ($(window).scrollLeft() >= $(document).width() - $(window).width() - 10) {
          setTimeout(function() {
            var box = $("#scrollbox");
            var aj = $(".set");   
            box.html(box.html() + aj.html());

          }, 100);
      }
 });

请帮我。

您的帮助非常感谢

这是演示

Answer 1

您需要更改样式，如下所示：

p{
  display:inline-block;
  margin:0 80px;
}

.test{
    white-space: nowrap;
    text-overflow: ellipsis;
}

演示： https : //jsfiddle.net/IA7medd/u00fqtec/