查看: 14208|回复: 2

[使用方法] 通过Window.scrollY函数判断窗口滚动方向

[复制链接]

513

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
75210
QQ
发表于 2016-7-19 18:59:19 | 显示全部楼层 |阅读模式
尹广磊公众帐号
2016-07-19_18-51-50.jpg

Axure7.0开始,Axure“页面交互”中增加了窗口滚动时的触发事件。
但是它并没有一步做到位,也就是区分出是在向上滚动还是在向下滚动。

需要利用Window.scrollY函数,也就是窗口纵向滚动的距离进行一下滚动前和滚动开始后的判断。
如果开始滚动时比之前的记录结果大,则是在向下滚动。
如果开始滚动时比之前的记录结果小,则是在向上滚动。

演示效果:http://old.pmdaniu.com?a9YX7

rp源文件:

判断窗口滚动方向.rp (61.46 KB, 下载次数: 57)


-----------------------------------------------------------------------------------------
Axure8.0已经有了“窗口向上滚动”、“窗口向下滚动”时的事件。
可以不用条件判断就轻松处理了。

屏幕快照 2016-07-25 下午7.06.09.jpg


示例文件:

axure8判断窗口滚动方向.rp

66.33 KB, 下载次数: 43

0

主题

13

回帖

120

积分

会员

Rank: 5Rank: 5

积分
120
发表于 2016-7-25 16:46:27 | 显示全部楼层
这个不是有OnWindowsScrollUp/down么?

513

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
75210
QQ
 楼主| 发表于 2016-7-25 19:08:18 | 显示全部楼层
看了一下,Axure8.0是有了滚动方向的事件了。
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-3-29 00:45

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表