移动开发滑动隐藏导航条功能
2017-09-05 10:42
134 查看
window.addEventListener('touchmove',function(e) { if(e.targetTouches[0].pageY<windowTop){ if(e.targetTouches[0].pageY>50) { $('.shop_top').css('display','none'); $('.shop_second').css('display','none'); } windowTop=e.targetTouches[0].pageY; } else if(e.targetTouches[0].pageY>windowTop){ if($('.shop_top').css('display')=='block') { windowTop=e.targetTouches[0].pageY; return; } $('.shop_top').css('display','block'); $('.shop_second').css('display','block'); windowTop=e.targetTouches[0].pageY; $('.swiper-container1').css('height',$(window).height()-$('.shop_three').height()-$('.swiper-container2').height()); $('.swiper-container1').css('overflow','scroll'); }
相关文章推荐
- 滑动隐藏显示菜单功能实现(还有蒙板校果),只显示一半view
- 安卓滑动隐藏显示菜单功能实现(还有蒙板校果),只显示一半view
- navigationBar 滑动 隐藏与显示 功能
- Android 类似UC浏览器的效果:向上滑动地址栏隐藏功能
- H5不能少的功能-滑动分页
- Android ScrollView .顶部栏滑动透明度改变,底部栏滑到特定位置显示或隐藏效果
- Android中Xposed框架篇---修改系统位置信息实现自身隐藏功能
- 用jQuery实现一些导航条切换,显示隐藏
- 实现购物车结算功能:批量/全部删除,全选,单价/总价,数量增减,页面隐藏/显示
- 隐藏导航条底部的黑线(shadowImage)四种办法
- iOS彩票项目--第五天,新特性引导页的封装、返回按钮的自定义、导航控制器的滑动返回以及自定义滑动返回功能
- 基于jQuery鼠标悬停上下滑动导航条
- 盘点微信中被隐藏的实用功能
- Swipe to back not working滑动后退功能消失?
- Eclipse 中隐藏的 5 个非常有用的功能
- 输入框密码切换显示或隐藏功能的实现
- ViewPage 水平滑动加入刷新功能
- Xcode隐藏功能
- Android 4.3 隐藏功能 App Ops 分析
- Android实现手势滑动识别功能