移动端点击导航滑动展示全部选项,以为跳转页面定位到相应位置
项目需求,做手机端的时候导航栏可以左右滑动,并且点击某个导航的时候,需要滑动到屏幕中间,且在另一个页面跳转过来的时候定位到相应的位置。代码如下:
1.点击某个导航,需要滑动到屏幕中间
html:
-
历史
-
文学
-
小说
-
教育
-
人文社科
-
影音记录
CSS样式就根据自己的样式进行编写,这里就不写了
js:
2.由一个页面跳转另一个页面锚点控制,跳转页面后定位到相应位置
第一个页面代码,在 a链接的后面加上 #box1
在第跳转的那个页面上标签上加上 id="box1" 这样点击的时候就能直接跳转到相应位置 不用再拖动导航栏了
历史