代码地址:
https://github.com/EsionChang/HTML/tree/master/ThreeInOne_2
实现效果:
最上部有一个导航栏,在滚动条向下滚动一定距离后会淡出,向上滚动一定举例后会渐隐。左侧商品导航会随着页面的滚动弹动到窗口固定方式,弹动方式为减速。右侧爬楼梯导航,点击后会跳转到页面指定部分,跳转的同时左侧商品导航也会跟进。
本文介绍了一个包含顶部导航栏、左侧商品导航和右侧爬楼梯导航的网页设计案例。顶部导航栏随滚动条操作淡入淡出;左侧商品导航采用减速弹动效果并保持在窗口可视范围内;右侧爬楼梯导航允许快速跳转至页面特定区域。
代码地址:
https://github.com/EsionChang/HTML/tree/master/ThreeInOne_2
实现效果:
最上部有一个导航栏,在滚动条向下滚动一定距离后会淡出,向上滚动一定举例后会渐隐。左侧商品导航会随着页面的滚动弹动到窗口固定方式,弹动方式为减速。右侧爬楼梯导航,点击后会跳转到页面指定部分,跳转的同时左侧商品导航也会跟进。

被折叠的 条评论
为什么被折叠?