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 / Mixed

Mixed

If the text contains both text nodes and the text inside the tags, the plugin handles only text nodes. This allows you to keep the structure of the document. To process text nodes, you can use the "splitSymbols"

Very Long Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor purus vel vulputate ornare.

Integer imperdiet tincidunt tortor, at fringilla nisl egestas pretium. Integer blandit dignissim felis. Nulla nec tellus risus. Suspendisse cursus ex vel mi varius sollicitudin. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam aliquet nunc vitae ultrices molestie.

Aliquam semper, ipsum sagittis gravida feugiat, ipsum arcu imperdiet dolor, eget convallis dolor erat at libero. Donec mattis nibh risus, sit amet sollicitudin nisi ultrices ut. Etiam elementum vehicula mi, ac faucibus lorem euismod vel. Curabitur maximus pharetra diam sed fermentum. Nullam tempor scelerisque scelerisque. Nullam blandit facilisis ante, ut vehicula odio pharetra at. Proin molestie mauris orci, ac auctor tortor molestie in.

Sed at consequat lorem. Etiam sed accumsan nunc, sit amet mollis ante. Suspendisse id interdum turpis .

Quisque venenatis, est et viverra molestie, risus massa maximus ex, nec lacinia quam magna id felis. Phasellus eget odio a metus ultricies auctor eu

sed felis. Morbi venenatis molestie nibh vitae lacinia.

Nam arcu velit, viverra auctor fringilla sed, tempor eu nisi. Curabitur quis ligula pulvinar nisi ornare blandit. In hendrerit interdum diam sit amet tincidunt. Morbi porttitor ultricies urna ut mattis. Donec ut tortor sit amet nunc facilisis blandit vel pellentesque elit. Sed in magna odio. Sed eleifend elementum auctor. Quisque pulvinar nunc nisl, nec congue mi suscipit sed.
Suspendisse potenti. Donec porttitor urna a imperdiet elementum. Donec finibus nisl eu nunc lobortis, sed convallis orci mattis. Nunc imperdiet risus at lorem pulvinar lacinia. Suspendisse pretium neque velit, a pretium nulla dapibus vel. Mauris vehicula, risus ac elementum luctus, velit metus imperdiet nulla, non vulputate dolor orci et ligula.
Suspendisse potenti. Phasellus viverra semper consectetur. Sed rutrum mi justo, eu scelerisque odio iaculis laoreet. Maecenas posuere imperdiet pulvinar. Proin feugiat sem in velit ullamcorper, eu maximus tellus porttitor. Etiam at est vitae lacus hendrerit suscipit in in libero. Nam blandit felis eu fringilla elementum. Nulla imperdiet at augue vitae consequat. Vivamus lacinia fermentum lectus in tincidunt. Morbi dictum enim a ligula pretium, a pretium tortor faucibus. Mauris malesuada urna quis tempus euismod. In a enim eget massa tincidunt auctor in eu magna. Maecenas suscipit, erat quis mollis suscipit, ipsum tortor dictum metus, non sodales nibh sem nec massa. Phasellus tellus velit, finibus non suscipit nec, sodales nec purus. Cras iaculis nunc ut fermentum volutpat. Sed nec nisi dapibus, volutpat augue nec, facilisis orci. Duis consequat turpis diam, at suscipit nibh ornare sed. Nullam molestie enim et eros sodales tristique. Pellentesque at sapien eu ipsum pharetra mattis. Integer fringilla mattis nisi. Nullam ut diam ut turpis aliquet sollicitudin et iaculis lectus. In tristique tristique dolor eget venenatis.

Very Long Text with the plugin «massPaging»

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor purus vel vulputate ornare.

Integer imperdiet tincidunt tortor, at fringilla nisl egestas pretium. Integer blandit dignissim felis. Nulla nec tellus risus. Suspendisse cursus ex vel mi varius sollicitudin. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam aliquet nunc vitae ultrices molestie.

Aliquam semper, ipsum sagittis gravida feugiat, ipsum arcu imperdiet dolor, eget convallis dolor erat at libero. Donec mattis nibh risus, sit amet sollicitudin nisi ultrices ut. Etiam elementum vehicula mi, ac faucibus lorem euismod vel. Curabitur maximus pharetra diam sed fermentum. Nullam tempor scelerisque scelerisque. Nullam blandit facilisis ante, ut vehicula odio pharetra at. Proin molestie mauris orci, ac auctor tortor molestie in.

Sed at consequat lorem. Etiam sed accumsan nunc, sit amet mollis ante. Suspendisse id interdum turpis .

Quisque venenatis, est et viverra molestie, risus massa maximus ex, nec lacinia quam magna id felis. Phasellus eget odio a metus ultricies auctor eu

sed felis. Morbi venenatis molestie nibh vitae lacinia.

Nam arcu velit, viverra auctor fringilla sed, tempor eu nisi. Curabitur quis ligula pulvinar nisi ornare blandit. In hendrerit interdum diam sit amet tincidunt. Morbi porttitor ultricies urna ut mattis. Donec ut tortor sit amet nunc facilisis blandit vel pellentesque elit. Sed in magna odio. Sed eleifend elementum auctor. Quisque pulvinar nunc nisl, nec congue mi suscipit sed.
Suspendisse potenti. Donec porttitor urna a imperdiet elementum. Donec finibus nisl eu nunc lobortis, sed convallis orci mattis. Nunc imperdiet risus at lorem pulvinar lacinia. Suspendisse pretium neque velit, a pretium nulla dapibus vel. Mauris vehicula, risus ac elementum luctus, velit metus imperdiet nulla, non vulputate dolor orci et ligula.
Suspendisse potenti. Phasellus viverra semper consectetur. Sed rutrum mi justo, eu scelerisque odio iaculis laoreet. Maecenas posuere imperdiet pulvinar. Proin feugiat sem in velit ullamcorper, eu maximus tellus porttitor. Etiam at est vitae lacus hendrerit suscipit in in libero. Nam blandit felis eu fringilla elementum. Nulla imperdiet at augue vitae consequat. Vivamus lacinia fermentum lectus in tincidunt. Morbi dictum enim a ligula pretium, a pretium tortor faucibus. Mauris malesuada urna quis tempus euismod. In a enim eget massa tincidunt auctor in eu magna. Maecenas suscipit, erat quis mollis suscipit, ipsum tortor dictum metus, non sodales nibh sem nec massa. Phasellus tellus velit, finibus non suscipit nec, sodales nec purus. Cras iaculis nunc ut fermentum volutpat. Sed nec nisi dapibus, volutpat augue nec, facilisis orci. Duis consequat turpis diam, at suscipit nibh ornare sed. Nullam molestie enim et eros sodales tristique. Pellentesque at sapien eu ipsum pharetra mattis. Integer fringilla mattis nisi. Nullam ut diam ut turpis aliquet sollicitudin et iaculis lectus. In tristique tristique dolor eget venenatis.

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>

<div id="veryLongContent">
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor...</p>
	Aliquam semper, ipsum sagittis gravida feugiat, ipsum arcu imperdiet... 
</div>

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