Javascript 向下滚动更改网站路线
今天早些时候我浏览了石英,发现了一些有趣的东西。当你在一篇文章到下一篇文章之间向下滚动时,网站路径会随着你的滚动而改变。是什么技术/javascript包推动了这一点Javascript 向下滚动更改网站路线,javascript,html,web,Javascript,Html,Web,今天早些时候我浏览了石英,发现了一些有趣的东西。当你在一篇文章到下一篇文章之间向下滚动时,网站路径会随着你的滚动而改变。是什么技术/javascript包推动了这一点 他们正在使用某种无限滚动的库,只需谷歌一下,还有某种路由库/插件,比如主干路由器。路由库在较新的浏览器中使用历史API,在较旧的浏览器中使用基于哈希的URL片段 基本上,它们会等待您滚动到文章的末尾,从而触发一个事件。之后,infinity scroll通过AJAX加载另一篇文章,并通过路由库设置新路由。我的朋友也问了我同样的问题
他们正在使用某种无限滚动的库,只需谷歌一下,还有某种路由库/插件,比如主干路由器。路由库在较新的浏览器中使用历史API,在较旧的浏览器中使用基于哈希的URL片段
基本上,它们会等待您滚动到文章的末尾,从而触发一个事件。之后,infinity scroll通过AJAX加载另一篇文章,并通过路由库设置新路由。我的朋友也问了我同样的问题。所以我为它做了一个插件。我想这就是你想要的 这是如何使用无限滚动更改URL的过程 观看滚动事件。当滚动到页面底部时, Ajax调用下一个内容。链接指向删除的下一个内容。 这是无限卷轴的基础。 当下一个内容加载时,它实现了隐藏的span标记,其中包含内容的URL字符串和页面标题字符串。观看滚动事件。 根据滚动位置查看内容时,按history.pushState更改URL。URL和title这两个字符串都是从隐藏的span元素中获取的。 同时,它也会更改页面标题。
我要说的是,当你滚动并用javascript更改url时,他们通过ajax加载页面内容