扫码关注官方订阅号
这个是小米5网页http://www.mi.com/mi5/的全屏滚动,怎么在鼠标滑轮没有滑动的时候上面还显示一个p,如图一,在滑动的时候隐藏了,如图2,刚进去小米5介绍页是那个p是隐藏的,要鼠标滑上点就能显示,求大伙们怎么做呢,我知道全屏滚动怎么做,只是做出小米5那样的不会,做出来的好多问题
图一
图二图三
ringa_lee
不好意思,这几天出去旅游了,没看到邀请。一般这样的滚屏效果都是使用插件做的。在网上找一个能实现这样效果的插件,如果实在不行,可以对插件进行一些修改。因为自己造轮子总是比较慢吧,而且兼容性很成问题,里面的BUG说不定什么时候爆出来。还是找一个成熟的插件用一下吧,然后研究一下它的API,应该很快能搞定的。
原理大概是这样,你自己试下。首先判断滚动条位置,如果滚动条是在顶部,那么就显示默认的p就是那个带搜索框的。如果滚动条不在顶部,那么就显示那个精简版的p。这个判断放到鼠标滚动事件中,鼠标滚动事件根据不同的框架放到一个全局的地方。
http://codepen.io/DogburnDesi...
看这个:原理是一样的。监听滚动位置然后改版css position。
监听动画,停止时候就显示,滑动就隐藏,提供个组件给你https://github.com/alvarotrig...有回调事件和初始事件,加入你想要的函数就好了
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
不好意思,这几天出去旅游了,没看到邀请。一般这样的滚屏效果都是使用插件做的。在网上找一个能实现这样效果的插件,如果实在不行,可以对插件进行一些修改。因为自己造轮子总是比较慢吧,而且兼容性很成问题,里面的BUG说不定什么时候爆出来。还是找一个成熟的插件用一下吧,然后研究一下它的API,应该很快能搞定的。
原理大概是这样,你自己试下。首先判断滚动条位置,如果滚动条是在顶部,那么就显示默认的p就是那个带搜索框的。如果滚动条不在顶部,那么就显示那个精简版的p。这个判断放到鼠标滚动事件中,鼠标滚动事件根据不同的框架放到一个全局的地方。
http://codepen.io/DogburnDesi...
看这个:原理是一样的。
监听滚动位置然后改版css position。
监听动画,停止时候就显示,滑动就隐藏,提供个组件给你
https://github.com/alvarotrig...
有回调事件和初始事件,加入你想要的函数就好了