Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向下滚动更改网站路线_Javascript_Html_Web - Fatal编程技术网

Javascript 向下滚动更改网站路线

Javascript 向下滚动更改网站路线,javascript,html,web,Javascript,Html,Web,今天早些时候我浏览了石英,发现了一些有趣的东西。当你在一篇文章到下一篇文章之间向下滚动时,网站路径会随着你的滚动而改变。是什么技术/javascript包推动了这一点 他们正在使用某种无限滚动的库,只需谷歌一下,还有某种路由库/插件,比如主干路由器。路由库在较新的浏览器中使用历史API,在较旧的浏览器中使用基于哈希的URL片段 基本上,它们会等待您滚动到文章的末尾,从而触发一个事件。之后,infinity scroll通过AJAX加载另一篇文章,并通过路由库设置新路由。我的朋友也问了我同样的问题

今天早些时候我浏览了石英,发现了一些有趣的东西。当你在一篇文章到下一篇文章之间向下滚动时,网站路径会随着你的滚动而改变。是什么技术/javascript包推动了这一点


他们正在使用某种无限滚动的库,只需谷歌一下,还有某种路由库/插件,比如主干路由器。路由库在较新的浏览器中使用历史API,在较旧的浏览器中使用基于哈希的URL片段


基本上,它们会等待您滚动到文章的末尾,从而触发一个事件。之后,infinity scroll通过AJAX加载另一篇文章,并通过路由库设置新路由。

我的朋友也问了我同样的问题。所以我为它做了一个插件。我想这就是你想要的

这是如何使用无限滚动更改URL的过程

观看滚动事件。当滚动到页面底部时, Ajax调用下一个内容。链接指向删除的下一个内容。 这是无限卷轴的基础。 当下一个内容加载时,它实现了隐藏的span标记,其中包含内容的URL字符串和页面标题字符串。观看滚动事件。 根据滚动位置查看内容时,按history.pushState更改URL。URL和title这两个字符串都是从隐藏的span元素中获取的。 同时,它也会更改页面标题。
我要说的是,当你滚动并用javascript更改url时,他们通过ajax加载页面内容