massPaging
Home page

Documentation

Quick start API
Options Methods Events

Sets of control elements

Classic Go to Page Light Ultra Light Numbers only Shoulders Dotted Progress Bar Custom Full

Type of contents

Only Text Tags Mixed Images List

More Demos

Multiple Custom Start Page Custom Easing Animation Effect Disable Draggable State Disable Callback functions Auto Switching clearTags scrollTop

Themes

Base Material Bootstrap Gradient Light Gradient Dark

Possible errors

Error of height
BUY NOW

massPaging / List

List

list is splitted as other tags. The most important thing is that the list of elements is a child of the initialization element

Great list

Great list with the plugin «massPaging»

Source

<link rel="stylesheet" href="css/massPaging.css">
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/jquery.masspaging.js"></script>
<script>
$(window).on('load',function(){
	var opt = {
		pageHeight:300,
		navDotWrapper:'.boxNavDot'
	}
	$('#veryLongContent').massPaging(opt);
})
</script>

<style>
	.myList li {
		display:inline-block; 
		vertical-align:top;
		width:30%;
		margin-right:2%;
	}
</style>

<ul id="veryLongContent" class="myList">
	<li> <a href="#">Popular Files</a> </li>
	<li> <a href="#">Featured Files</a> </li>
	<li> <a href="#">Top New Files</a> </li>
	<!-- . . . -->
	<li> <a href="#">Top Authors</a> </li>
</ul>

<div align="center" class="boxNavDot"></div>