xq的H5学习之点击侧边栏实现页面滚动效果

今天记录的是实现在遇到网页长页面时,如何通过点击侧边栏菜单页面滚动到该页指定位置。
首先需要侧边菜单栏构造出来,在实现过程中,我将左侧栏设置成跟随滚动条滚动。


1.JPG

2.JPG

只需要将position属性设置为fixed即可将左侧栏跟随滚动条滚动。在这里我们需要用到a标签的连接,所以列表li标签里面需要嵌套a标签。
其次将div的内容构造出来。要实现页面滚动效果,最关键的是div里面的a标签,利用a标签的name属性,给这个div赋予相应的名称,在左侧栏列表的a标签连接里,连接到相应div内a标签的name属性即可。


3.JPG

4.JPG

此文章为本人原创,仅限于本人的学习总结记录,若有错误之处请留言提出。作者具有极少的文案相关工作经验,若有文字描述不足之处请谅解。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。