html在原来基础上增添一些元素代碼如下：
javascript代码不变，点击左上角导航时隐藏侧导航通过transform: translate(560px);平移出来，使用手机打开兼容性良好成果展示如下图所示：
台湾省 |
炒股 |
Legion |
室内设计 |
钢笔 |
历史故事 |
手机摄影 |
小店区 |
四大会计师事务所 |
首次公开募股（IPO） |
文言文 |
网络营销 |
哔哩哔哩 |
保险业 |
期货交易 |
屏幕 |
三国 |
前端开发 |
秦时明月之天行九歌 |
红楼梦（小说） |
电子技术研发 |
手绘 |
赛事 |
背景音乐（bgm） |
视频会议 |
香港购物 |
哲学 |
取名 |
城市规划 |
德州扑克 |
在线教育 |
雅马哈 |
加湿器 |
今日头条 |
金融数学 |
创业团队 |
网络推广 |
冷知识 |
互联网创业 |
文化 |
软件开发 |
写字楼 |
戒指 |
读后感 |
姓氏 |
总决赛 |
智利 |
字体设计 |
图像处理 |
文案 |
高二 |
迅雷（软件） |
欧洲历史 |
刘胡兰 |
海军 |
坦克世界（游戏） |
硬笔书法 |
化妆品 |
塞浦路斯 |
英国 |
华为路由器 |
狼牙山五壮士 |
pdf |
服饰搭配 |
网站运营 |
美术生 |
重大疾病保险 |
Windows 7 |
江苏银行 |
中国中央电视台 |
西瓜视频 |
耽美小说 |
微信群 |
几米 |
O2O |
孔子 |
用户界面 |
百度输入法 |
NBA |
地理 |
武术 |
阿富汗伊斯兰共和国 |
图书 |
韭菜 |
风水 |
职业规划 |
股权转让 |
报纸 |
新媒体 |
Javascript |
斗鱼直播 |
西游记 |
艺考 |
风水堪舆学 |
战役 |
人口 |
信托 |
女生 |
澳门 |
非洲 |
汉服 |
项目管理 |
户型 |
前女友 |
燕窝 |
APK |
Adobe Illustrator |
创意 |
主机 |
老挝 |
植物辨识 |
花样姐姐 |
澳大利亚 |
开幕式 |
团队管理 |
索尼 |
神话 |
李时珍 |
日本动漫 |
易纲 |
展会 |
youtube |
艺术品 |
舞蹈 |
外汇投资 |
品牌营销 |
大学专业 |
字幕 |
发型 |
热血传奇 |
越南 |
希腊 |
南航 |
现货原油 |
Python |
哈萨克斯坦 |
饮酒 |
韩非 |
企业邮箱 |
赵一曼 |
罗永浩 |
水晶 |
西藏自治区 |
雾霾 |
直播 |
亚马逊中国 |
优酷视频 |
固态硬盘 |
交互设计 |
配音 |
蜜蜡 |
投资银行 |
优酷土豆 |
月饼 |
国家开发银行 |
生日 |
手工艺 |
油画 |
谷歌浏览器 |
盈利模式 |
游戏原画设计师 |
女性 |
基金定投 |
衣服 |
洛奇英雄传 |
荆州市 |
债券 |
遵义市 |
视频网站 |
宝马（bmw） |
水果 |
世界杯 |
流氓软件 |
后宫·甄嬛传（书籍） |
表情包 |
漫步者 |
红河哈尼族彝族自治州 |
攀枝花市 |
爱奇艺 |
android开发 |
长城 |
微观经济学 |
缅甸 |
易经 |
运动锻炼 |
包装设计 |
r（编程语言） |
求职 |
唯品会 |
汽车养护 |
皮肤护理 |
ISIS（伊斯兰国） |
亚洲 |
国际物流 |
互联网广告 |
ansys |
风景园林 |
苏州市 |
股市 |
康佳 |
