移动端点击导航滑动展示全部选项,以为跳转页面定位到相应位置


项目需求,做手机端的时候导航栏可以左右滑动,并且点击某个导航的时候,需要滑动到屏幕中间,且在另一个页面跳转过来的时候定位到相应的位置。代码如下:
1.点击某个导航,需要滑动到屏幕中间
html:

  • 历史
  • 文学
  • 小说
  • 教育
  • 人文社科
  • 影音记录

CSS样式就根据自己的样式进行编写,这里就不写了
js:


2.由一个页面跳转另一个页面锚点控制,跳转页面后定位到相应位置

  第一个页面代码,在 a链接的后面加上 #box1
 

在第跳转的那个页面上标签上加上 id="box1"  这样点击的时候就能直接跳转到相应位置 不用再拖动导航栏了
 
  • 历史