Bootstrap

无限滚动的页面实现

首先想了解这方面的朋友需要先去把dom部分学习一遍,否则看不懂,再急着用也没有用

方法很笨,但简单粗暴,我一样主学后端的了解就行了,如果想走前端的朋友就请另请高明了

以下是代码

 

监听窗口事件,获取top的距离和视窗的距离

如果长度大于或者等于当前页面的总高度时候,创建一个div元素

执行innerHtml设置newDiv的值

innerHtml只能插入一行,这很烦,并且,如果数据的最外层是双引号则内部html使用的只能是引号

否则报错

 

反之亦然

这里是对id为main的元素插入newDiv

使用 appendChild方法插入这个newDiv

特别注意

appendChild本身是将一个元素里的子元素放入另一个元素,可以说是移动一个子元素到另一个元素,其本质是移动,所有要注意newDiv的位置,需要添加一次后就结束,下一次使用新建的,所以放在方法里面,此外如果采用id获取元素则不要定义newDiv的id与原div子元素一样,可能会发现,最后的一个元素动一次就不了,

 

;