课程/JavaScript/前端开发
网页定位导航特效
-
-
Humble678
2019-11-10
- 网页定位导航设计
-
截图
0赞 · 0采集
-
-
Sandaydi
2019-03-13
特效分析
导航与滚动条之间的定位关联
-
截图
0赞 · 0采集
-
-
慕仙5237505
2017-11-14
- 滚动条到上面的距离 与 内容自身的高度距离上面的offsetTop高度
-
截图
0赞 · 0采集
-
-
慕仙5237505
2017-11-14
- 特效分析:
-
截图
0赞 · 0采集
-
-
Arvinda
2017-09-15
- 解决问题的流程:分析 -> 设计 -> 实现
分析(要实现的功能):
1、左侧内容+右侧导航条;
2、左侧滚动时,右侧导航的位置不变;
3、左侧滚动到某个栏目时,右侧定位到相应链接;
4、点击右侧链接时,左侧定位到相应栏目。
难点:
1、左右侧的样式;
2、左右侧的定位关联(思路见图):
A、B、C分别为1F、2F、3F到视窗顶端的距离;
S1、S2表示滚动条的位置,若滚动条在B、C之间,表示目前滚动到2F,此时2F获得焦点。
-
截图
0赞 · 0采集
-
-
慕粉4028369
2017-07-31
- 实例内容
-
截图
0赞 · 0采集
-
-
白小九
2017-07-25
- 解决问题的流程:分析 -> 设计 -> 实现
分析(要实现的功能):
1、左侧内容+右侧导航条;
2、左侧滚动时,右侧导航的位置不变;
3、左侧滚动到某个栏目时,右侧定位到相应链接;
4、点击右侧链接时,左侧定位到相应栏目。
难点:
1、左右侧的样式;
2、左右侧的定位关联(思路见图):
A、B、C分别为1F、2F、3F到视窗顶端的距离;
S1、S2表示滚动条的位置,若滚动条在B、C之间,表示目前滚动到2F,此时2F获得焦点。
-
截图
0赞 · 0采集
-
-
謎失d噯
2017-05-21
- 解决问题流程
-
截图
0赞 · 0采集
-
-
雨落尘中碎_03948239
2017-04-26
- 如何定位
把每个块与顶部分距离
以及右侧滑动距离测试出来
设定相应的值 让滑块根据这些值做判断 应该在那个地方高亮显示
-
截图
0赞 · 0采集
-
-
春春xi
2017-04-25
- 特效分析之重难点:
1,左侧栏目和右侧导航菜单的显示样式实现
2,导航与滚动条之间的定位关联
-
0赞 · 0采集
-
-
幻想实现师
2017-03-29
- 解决问题流程
-
0赞 · 0采集
-
-
幻想实现师
2017-03-29
- 特效分析
-
截图
0赞 · 0采集
-
-
慕田峪8837363
2017-02-21
- 导航与滚动条之间的定位关联,利用距离来判断 offset-top
-
截图
0赞 · 0采集
-
-
慕田峪8837363
2017-02-21
- 定位导航特效之分析篇
-
截图
0赞 · 0采集
-
-
Qiong_524
2017-02-03
- 距離表示
-
截图
0赞 · 0采集
-
-
梦想还是要有的万一实现了呢
2017-01-11
- 导航与滚动条之间的定位关联,利用距离来判断 offset-top
-
截图
0赞 · 0采集
-
-
梦想还是要有的万一实现了呢
2017-01-11
- 重点难点分析
-
截图
0赞 · 0采集
-
-
梦想还是要有的万一实现了呢
2017-01-11
- 定位导航特效之分析篇
-
截图
0赞 · 0采集
-
-
qq_君莫笑_27
2016-11-18
- 导航与滚动条之间的定位关联
-
0赞 · 0采集
-
-
慕粉studying
2016-11-14
- 特效分析:
左侧内容,右侧悬浮导航菜单
左侧滚动,右侧不改变位置
左侧滚到相应栏目,右侧定位到对应链接
点击右侧,左侧定位相应栏目
-
0赞 · 0采集
-
-
天真的我
2016-11-13
- 特效分析:
导航与滚动条之间的定位关联
-
截图
0赞 · 0采集
-
-
天真的我
2016-11-13
- 解决问题的流程
分析-设计-实现
特效分析:
-
截图
0赞 · 0采集
-
-
空之境界丶
2016-11-10
- 网页定位导航设计
1.解决问题流程:分析—设计——实现
2.特效分析分为左右两部分:
1).左侧的内容,右侧悬浮的导航菜单
2).左侧滚动,右侧不改变位置
3).点击右侧,左侧定位相应栏目
4).左侧滚到相应栏目,右侧定位到对应链接
3.重难点
1).左侧栏目和右侧导航菜单的显示样式实现
2).导航与滚动条之间的定位关联
css scrollTop
4.导航与滚动条之间的定位关联
滚动条与右侧导航条(高亮设置)
滚动条在BC之间,2F;AB之间就是1F;以此类推
找到内容与导航的关联点,就能将两者联系起来,使滚动内容相应于导航作出相应反应
-
0赞 · 0采集
-
-
用指尖改变世界4062338
2016-10-22
- 怎么实现网页栏目与悬浮菜单相关联?
根据滚动条滚动时相对于窗口顶部的位移,与页面栏目的高度进行比较从而实现定位菜单栏的焦点,比方说滚动条滚动的距离为[a,c],那么将将1F置为焦点
-
截图
0赞 · 0采集
-
-
用指尖改变世界4062338
2016-10-22
- 网页定位导航特效的重难点
-
0赞 · 0采集
-
-
用指尖改变世界4062338
2016-10-22
- 网页定位导航的特效分析
-
截图
0赞 · 0采集
-
-
琢匠
2016-10-17
- 特效分析
-
截图
0赞 · 0采集
-
-
慕工程2957023
2016-10-13
- 网页定位导航设计
1.解决问题流程:分析—设计——实现
2.特效分析分为左右两部分:
1).左侧的内容,右侧悬浮的导航菜单
2).左侧滚动,右侧不改变位置
3).点击右侧,左侧定位相应栏目
4).左侧滚到相应栏目,右侧定位到对应链接
3.重难点
1).左侧栏目和右侧导航菜单的显示样式实现
2).导航与滚动条之间的定位关联
css scrollTop
4.导航与滚动条之间的定位关联
滚动条与右侧导航条(高亮设置)
滚动条在BC之间,2F;AB之间就是1F;以此类推
找到内容与导航的关联点,就能将两者联系起来,使滚动内容相应于导航作出相应反应
-
0赞 · 1采集
-
-
auven
2016-08-31
- 解决问题的流程:
分析--》设计--》实现
-
0赞 · 0采集
-
-
wbp3164295
2016-08-14
- 特效分析
-
截图
0赞 · 0采集