使用scroll overflow-x进行无限循环

时间:2016-05-15 16:50:42

标签: javascript jquery html

目标实现

我设法使用 overflow-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);
      }
 });

请帮帮我。

您的帮助非常感谢

以下是DEMO

1 个答案:

答案 0 :(得分:0)

你需要改变你的风格:

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

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

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