实现原理:
声明两个变量,p ,t
根据滚动条滚动事件监控并配合setTimeOut函数动态的更改对应的两个变量
然后根据变量值进行比较来获取当前操作是向上滚动还是向下滚动
实现原理:
声明两个变量,p ,t
根据滚动条滚动事件监控并配合setTimeOut函数动态的更改对应的两个变量
然后根据变量值进行比较来获取当前操作是向上滚动还是向下滚动

应用场景:
如http://www.itkee.cn/topic-info-233.html,页面向下滚动隐藏导航栏,
提供给更多的内容区域供用户浏览 页面向上滚动,展开导航栏,提供用户更多操作

其他的应用场景可以根据自己的需要自行设置

说明:
该方法使用在移动端会存在一定的BUG,目前浏览器带有弹性性质存在,
当用户页面到顶部后会有一个弹性效果,导致监控事件不准确。

查看使用详细使用说明:http://www.itkee.cn/topic-info-233.html

评论() 相关

收藏

赞

SuperMan1992

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。