-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
70 lines (53 loc) · 2.06 KB
/
index.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
<head>
<!--
___________ .__ __ __ __ .__ .___
\_ _____/___ |__| | __ ____ / \ / \___________| | __| _/
| __)/ __ \| | |/ // __ \ \ \/\/ / _ \_ __ \ | / __ |
| \\ ___/| | <\ ___/ \ ( <_> ) | \/ |__/ /_/ |
\___ / \___ >__|__|_ \\___ > \__/\ / \____/|__| |____/\____ |
\/ \/ \/ \/ \/ \/
废客联邦
http://www.FK68.net/
-->
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, minimal-ui">
<title>FKScrollRefresh滚动刷新jQuery下拉刷新上拉加载操作插件</title>
<script src="jquery.min.js"></script>
<script src="fkscrollrefresh.min.js"></script>
</head>
<body>
<div style="background: #000; height: 900px;" ></div>
</body>
<script>
var FK_ScrollR = $('body').FKScrollRefresh({
// 常规设置
mode: 'all', // first：位于顶部的下拉刷新或或左侧右拉刷新 last: 位于底部的上拉刷新或右侧的左拉刷新
slideSelector: '', //指定子元素的对象
//wrapperClass: 'fk-scrollRefresh', //主框架类名
//鼠标设置
mouseWheel:true, //是否支持滚轮
wheelThreshold:2, //灵敏度阀值
// 触摸设置
swipeThreshold: 50, //高度阀值px
preventDefaultSwipeY: true, //上下拉
headText: '你可以下拉刷新', //提示文字
footerText:'你可以上拉刷新', //提示文字
refreshIni:'你可以释放刷新', //提示文字
refreshNow:'哈哈正在刷新....', //提示文字
refreshOk:'太棒了！刷新成功', //提示文字
//imgRefresh:'res/refresh.png',
//imgScroll:'res/arrow.png',
// 激活动作
onScrollAct: function(obj,status){
//this.onRefreshStop(); //关闭刷新提示
console.log(obj);
alert('你的操作是'+status+' 当前页DOM对象输出在控制台！');
console.log('关闭提示层: FK_ScrollR.onRefreshStop() ;');
}
});
console.log('查看FKScrollRefresh对象：')
console.log(FK_ScrollR);
</script>
</html>