您的位置：首页技术文章
文章详情页

javascript - 类似youtube上的sidebar固定但是url变化的的前端效果是如何做出来？

浏览：102日期：2023-11-03 16:15:50

问题描述

在youtube左边的sidebar，当点击切换订阅频道的时候，注意到sidebar依然固定，但是url地址栏已经出现了变化，这说明这应该不是依赖ajax来实现的。

在现在的项目中我也不是很想用ajax来实现这样的效果，因为不是很利于用户收藏网页以及seo等等，但是youtube这样即实现了网址变化利于用户收藏，同时也达到了类似ajax的良好用户体验的效果是如何做出来的？请问能否大致指点一下思路。

问题解答

回答1：

修改url可以通过history.pushState来实现，另外无刷新ajax不是已经很普遍了吗。

回答2：

大哥，人家用没用Ajax你看一下网络不就知道了吗，没有Ajax数据从天上来？另外，修改地址栏URL，这个是js的pushState功能。

回答3：

前端路由可以实现这样的功能

回答4：

like this?http://www.thepetedesign.com/...

回答5：

pjax 局部内容更新

标签： JavaScript
上一条：java - jsp页面中无法显示图片下一条：spring - 如何实现将javaee 项目结合 npm javascript 包管理工具 管理javaee 的JavaScript库
相关文章：
1. angular.js使用$resource服务把数据存入mongodb的问题。2. javascript - 我的站点貌似被别人克隆了， google 搜索特定文章，除了域名不一样，其他的都一样，如何解决？3. mysql - 记得以前在哪里看过一个估算时间的网站4. css - 关于offsetLeft和offsetTop5. javascript - Ajax加载Json时，移动端页面向左上角缩小一截儿，加载完成后才正常显示，这该如何解决？6. mysql删除一个空数据库报错Table storage engine for ’proc’ doe7. python中怎么对列表以区间进行统计？8. python运行后没有任何反馈要怎么排查9. css - @keyframes 能接受参数吗？10. javascript - 如何获取未来元素的父元素在页面中所有相同元素中是第几个?
排行榜
基于Spring MVC Java的配置无法正常工作控制台显示无错误，但我的jsp页面未显示
基于Spring MVC Java的配置无法正常工作控制台显示无错误，但我的jsp页面未显示
1. javascript - 如何获取未来元素的父元素在页面中所有相同元素中是第几个?
2. mysql删除一个空数据库报错Table storage engine for ’proc’ doe
3. java - 网站的搜索和推荐功能用到的主流技术？
4. mysql - 记得以前在哪里看过一个估算时间的网站
5. angular.js使用$resource服务把数据存入mongodb的问题。
6. docker gitlab 如何git clone？
7. dockerfile - [docker build image失败- npm install]
8. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
9. javascript - 我的站点貌似被别人克隆了， google 搜索特定文章，除了域名不一样，其他的都一样，如何解决？
10. javascript - 图片无法正常加载
热门标签