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

infinite looping using scroll overflow-x

本文关键字:无限循环 溢出 滚动      更新时间:2023-09-26

实现目标

我设法使用溢出-无限循环、产生结果

我想做一些不同的

我想做的是当用户滚动超过-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);
      }
 });

请帮帮我。

你的帮助真的很感谢

这是演示

您需要将您的风格更改为这样:

p{
  display:inline-block;
  margin:0 80px;
}
.test{
    white-space: nowrap;
    text-overflow: ellipsis;
}

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