今天记录的是实现在遇到网页长页面时,如何通过点击侧边栏菜单页面滚动到该页指定位置。
首先需要侧边菜单栏构造出来,在实现过程中,我将左侧栏设置成跟随滚动条滚动。
只需要将position属性设置为fixed即可将左侧栏跟随滚动条滚动。在这里我们需要用到a标签的连接,所以列表li标签里面需要嵌套a标签。
其次将div的内容构造出来。要实现页面滚动效果,最关键的是div里面的a标签,利用a标签的name属性,给这个div赋予相应的名称,在左侧栏列表的a标签连接里,连接到相应div内a标签的name属性即可。
此文章为本人原创,仅限于本人的学习总结记录,若有错误之处请留言提出。作者具有极少的文案相关工作经验,若有文字描述不足之处请谅解。