像 wallhaven 这样的瀑布流 pjax 该怎样实现?

2017-11-15 12:06:13 +08:00
 Reign

网址: https://alpha.wallhaven.cc/latest

向下滚动中,网址也在不停的变化,新内容不断 append 到最下面,但是我在 github 上找了一堆 pjax 的库:

https://github.com/defunkt/jquery-pjax

https://github.com/welefen/pjax

都只支持对某个 div 进行内容的替换,而非追加,类似于$('div').html('blahblah')和$('div').append('blahblah')的区别,如果要实现 wallhaven 这样不断将新内容追加到页尾的 pjax,该怎样实现,先谢谢了

1654 次点击
所在节点    程序员
4 条回复
meszyouh
2017-11-15 13:02:56 +08:00
pjax 听到很蛋疼...
无非就是 监听 scoll , 判断到底没有啦 , 到底就 通过 ajax 获取数据 , 然后拼接 html。你给的这个例子, 把新生成的元素添加到 大盒子就可以了
nondanee
2017-11-15 13:06:31 +08:00
...
if(xhr.readyState==4&&xhr.status==200){
$('div').append('blahblah')
history.replaceState(null,null,"?page="+n)
...
}
...
nondanee
2017-11-15 13:08:29 +08:00
哦,好吧...wallheaven 是用 pushState 的
```
...
if(xhr.readyState==4&&xhr.status==200){
$('div').append('blahblah')
history.pushState(null,null,"?page="+n)
...
}
...
```
oh
2017-11-15 13:38:31 +08:00
如果大家都那么喜欢吐槽 H5 的话为啥不吐槽一下 PJAX 呢……

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/406551

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX