5-2楼层导航问题

首页课程实战体系课手记专栏慕课教程

5-2楼层导航问题

来源：5-2 作业题

qq_如果没有晴天_0

2017-09-24 00:01:26

当页面滚动至出现第二次楼层区时，左侧显示出楼层导航，这是什么意思啊？

写回答

2回答

樱桃小胖子

2017-09-27

已采纳

1、左侧的楼层导航，就跟轮播图的原理很像哦。首先你要先分析好，页面滚动到哪一高度时，显示为第几屏。然后可通过添加属性、移除属性的方式，让对应的导航项为活跃样式，例如：添加背景色什么的。数字变文字，就使用html()方法更改DOM结构

2、$(window).scroll(function(){}），页面滚动时，就会触发该事件。通过scrollTop的值，获取当前滚动的高度，然后在函数内进行条件判断，当达到某一高度时，进行相应的操作即可。

hq_如果没有晴天_0

h 非常感谢！

h017-10-02

共1条回复

qq_青空_4

2017-09-24

就是第二楼层到顶部的距离小于窗口的距离+滚动条滚动的距离的时候，出现楼层导航栏

hq_如果没有晴天_0

h 有一个问题，页面要每次刷新后才能获取滚动条的高度，怎样让页面不用刷新就能自动获取对应的高度

h017-09-27

共1条回复

0 学习 · 36712 问题

相似问题

回答 6

回答 3

回答 1

回答 3

回答 4