javascript - 加载滚动中的浮动内容

Question

我正在尝试自学如何在我的滚动中实现加载滚动，但是我在调​​用 div 时遇到了问题。内容没有在滚动下方加载，而是在侧面弹出并在向下滚动时看起来像这里看到的部分。

有问题的代码是

if(y >= contentHeight-30){

        movelist.innerHTML +='<div class ="newData"><center>hey look at me</center></div>';
                }

我想在到达底部之前将内容附加到滚动的底部。任何见解或提示将非常有帮助和赞赏

Answer 1

代码中有很多错误。

要回答您的问题：您需要添加float:left;到您的 div.NewData。检查这个小提琴

第二：要在 CSS 中添加注释，您需要使用/* */而不是<!-- -->. CSS无法识别注释，<!-- -->因此不会应用下面的所有内容。

第三：ID 是唯一的。你们所有人<li>都有相同的ID。改用一个类。

Answer 2

添加clear: left;并添加float: left;到要添加它的 div 上的类，然后添加其他样式以使其适合宽度。