Simple Load More - Demo


Show and Load Same Amount of Items

Load more 2 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13
Some List Item 14
Some List Item 15
Some List Item 16
Some List Item 17
Some List Item 18
Some List Item 19
Some List Item 20
Some List Item 21
Some List Item 22
Some List Item 23
Some List Item 24
Some List Item 25
Some List Item 26
Some List Item 27
Some List Item 28
Some List Item 29
Some List Item 30

Load more 5 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13
Some List Item 14
Some List Item 15
Some List Item 16
Some List Item 17
Some List Item 18
Some List Item 19
Some List Item 20
Some List Item 21
Some List Item 22
Some List Item 23
Some List Item 24
Some List Item 25
Some List Item 26
Some List Item 27
Some List Item 28
Some List Item 29
Some List Item 30

Show counter in the button

With counter inside button

This example shows the counter in the view more button.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13
Some List Item 14
Some List Item 15
Some List Item 16
Some List Item 17
Some List Item 18
Some List Item 19
Some List Item 20
Some List Item 21
Some List Item 22
Some List Item 23
Some List Item 24
Some List Item 25
Some List Item 26
Some List Item 27
Some List Item 28
Some List Item 29
Some List Item 30

With counter outside button

This example shows the counter in a separate text tag.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13
Some List Item 14
Some List Item 15
Some List Item 16
Some List Item 17
Some List Item 18
Some List Item 19
Some List Item 20
Some List Item 21
Some List Item 22
Some List Item 23
Some List Item 24
Some List Item 25
Some List Item 26
Some List Item 27
Some List Item 28
Some List Item 29
Some List Item 30

Load different number of items

Load more 2 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13

Load more 1 items

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9

Load different number of items

加载2行

喜欢一个人就去表白，万一成备胎了呢1
喜欢一个人就去表白，万一成备胎了呢2
喜欢一个人就去表白，万一成备胎了呢3
喜欢一个人就去表白，万一成备胎了呢4
喜欢一个人就去表白，万一成备胎了呢5
喜欢一个人就去表白，万一成备胎了呢6
喜欢一个人就去表白，万一成备胎了呢7
喜欢一个人就去表白，万一成备胎了呢8
喜欢一个人就去表白，万一成备胎了呢9
喜欢一个人就去表白，万一成备胎了呢10
喜欢一个人就去表白，万一成备胎了呢11
喜欢一个人就去表白，万一成备胎了呢12
喜欢一个人就去表白，万一成备胎了呢13
喜欢一个人就去表白，万一成备胎了呢14

加载1行

单身没关系，以后单身的日子还长着呢1
单身没关系，以后单身的日子还长着呢2
单身没关系，以后单身的日子还长着呢3
单身没关系，以后单身的日子还长着呢4
单身没关系，以后单身的日子还长着呢5
单身没关系，以后单身的日子还长着呢6
单身没关系，以后单身的日子还长着呢7
单身没关系，以后单身的日子还长着呢8
单身没关系，以后单身的日子还长着呢9

Custom Easing

Fade in

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13

Slide in

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9

Callbacks

On Load

This callback is performed only when the instance is fully loaded.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13

On Next Load

This callback is performed every time the next batch of items are laoded.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13

On Complete

This callback is performed when all the items have been loaded on page and there's nothing left.

Some List Item 1
Some List Item 2
Some List Item 3
Some List Item 4
Some List Item 5
Some List Item 6
Some List Item 7
Some List Item 8
Some List Item 9
Some List Item 10
Some List Item 11
Some List Item 12
Some List Item 13