包含更改URL的向下滚动页面

时间:2015-03-02 21:42:52

标签: javascript

我注意到这个热门科学页面在向下滚动时会动态加载内容:http://www.popsci.com/HTC-Oculus-Competitor-Valve-Vive

他们是如何做到的?好吧,当用户滚动到某个点时,在页面底部加载额外内容并不困难。但是这个页面改变了页面的URL,并且没有可见的重新加载/回流页面。

1 个答案:

答案 0 :(得分:1)

他们正在使用HTML5 History API来实现这一目标。主要是pushState对象的popStatereplaceStatehistory函数。

Mark Pilgrim在他的网站上写了一篇关于历史API的非常好的介绍:http://diveintohtml5.info/history.html

参考:https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history