导航楼什么时候显示文字

导航楼什么时候显示文字

老师,关于鼠标滚到对应楼层时,由数字变成文字,这个功能怎么实现呢?没思路啊。滚动到哪?是每个楼层的正中间在由数字变文字吗?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕糖 2017-10-20 16:20:16

你好,1、由数字变成文字,可尝试使用两个元素分别存放文字或者数字,在鼠标移入移出的时候,改变它的透明度。

2、 当页面滚动到该楼层时,相对应的该楼层的对应导航(左侧的楼层导航)发生变化,需要用到height()方法、scrollTop()方法以及offset().top方法,获取到相应的高度。

height() 方法返回或设置匹配元素的高度。

scrollTop() 方法设置或返回被选元素的垂直滚动条位置。

offset()的top是指元素与document的上边的距离

用这些方法计算出当前楼层距离文档顶端的高度,当到达某个高度时出现某层导航

高度可参考如上的一些方法,至于是正中间还是楼层顶部,没有强制的要求,主要是会使用方法即可。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师