scrollDownOnFlush/demo.html at master · ivarsju/scrollDownOnFlush · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Scroll Down on Flush</title>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="scroll-down-on-flush.lib.js" type="text/javascript"></script>
		<script src="scroll-down-on-flush.mod.js" type="text/javascript"></script>
		<style type="text/css">
			div {
				margin: 10px;
				width: 500px;
			}
			p {
				font-size: 2em;
			}
		</style>
	</head>
	<body>
		<div>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ligula velit, laoreet a massa in, placerat volutpat nisi. Phasellus lacus arcu, pharetra in ante non, viverra adipiscing ante. Morbi aliquet nisi metus, eget congue mi elementum in. Quisque id aliquam est. Vestibulum hendrerit enim vitae faucibus convallis. Aenean ut magna vitae mi lacinia blandit. Cras pharetra non arcu non aliquet. Vivamus vitae dui metus. Morbi suscipit faucibus lorem, in bibendum sapien tempus sit amet.</p>

			<p>Cras at metus arcu. Duis vestibulum pretium porta. Suspendisse ut fringilla leo. Sed scelerisque non neque ornare pretium. Duis tincidunt at justo quis malesuada. Donec at fermentum nisl. Pellentesque eget porta mi.</p>

			<p>Nam imperdiet arcu pretium malesuada laoreet. Morbi condimentum elit et tempor lacinia. Donec ac interdum arcu, sed varius eros. Mauris imperdiet purus lorem, et dignissim turpis varius vel. Morbi varius tincidunt mi vitae blandit. Pellentesque ullamcorper nec dolor id varius. Curabitur tincidunt ligula rutrum enim congue ornare. Praesent vel risus eleifend, hendrerit diam id, posuere enim. Pellentesque quis eros id velit rutrum dictum ut sed diam. In hac habitasse platea dictumst. In in justo aliquet lectus laoreet blandit vel ut tortor. Proin sem arcu, mattis in euismod id, hendrerit in risus. Donec ultrices lectus vel turpis eleifend eleifend.</p>

			<p>Duis odio diam, dictum sit amet ante vitae, varius pellentesque nulla. Phasellus fringilla purus et semper ullamcorper. Vestibulum commodo urna sed eros dictum, ut aliquam orci tempus. Suspendisse vestibulum sem a viverra tincidunt. Etiam sit amet velit a enim ullamcorper sollicitudin. Nunc placerat nisi sit amet odio luctus, vitae consectetur odio varius. Donec eros nulla, molestie nec massa at, pulvinar placerat nunc. Curabitur convallis varius mi quis feugiat. Sed ornare consectetur risus eu suscipit. Nam condimentum pulvinar tellus, vel hendrerit mauris egestas sit amet. Phasellus eget tincidunt leo.</p>

			<p>In egestas fermentum est, eget pharetra ligula varius in. Quisque blandit auctor tincidunt. Maecenas laoreet rhoncus viverra. Aenean quis varius felis. Sed ultricies, lorem nec venenatis porttitor, eros dui scelerisque turpis, nec dapibus ante metus eu leo. Etiam sem ligula, ullamcorper sit amet felis a, sagittis tristique orci. Integer sed consectetur odio. Suspendisse malesuada mattis nisi at luctus. Etiam mollis sem ante. Sed consectetur nisi a imperdiet posuere. Phasellus erat odio, rhoncus a eleifend eget, aliquet id massa. Suspendisse venenatis posuere tempus. Donec convallis, libero non vestibulum faucibus, nisi tellus rutrum eros, ut venenatis purus turpis sed dui. Pellentesque quis tortor mi. Praesent scelerisque bibendum nisi, eu facilisis dui rutrum vitae. Suspendisse sed ante id eros condimentum auctor.</p>

			<p>End of the Text</p>
		</div>
	</body>
</html>