原生javascript实现页面触底加载更多

2025-04-16 22:42:09

1、写html结构,构建一个有滚动条的页面

原生javascript实现页面触底加载更多
原生javascript实现页面触底加载更多

2、编写js,添加给window对象添加onscroll事件,解释都在注释里了,浅饺咛百柘显易懂,这里需要解释的是:有些人会问获取高度的那隔氆吠割几行为什么有两种写法,其实这是浏览器兼容性的问题,不同浏览器都是不一样的,所以大家试的时候要先测一下

原生javascript实现页面触底加载更多

3、可以看到当滚动到底部的时候,i不断加加,当然这只是例子,里面可以写很多的业务逻辑,例如ajax请求等。

原生javascript实现页面触底加载更多
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢