/
infinite-scroll-page3.html
60 lines (39 loc) · 3.86 KB
/
infinite-scroll-page3.html
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
<!DOCTYPE html>
<html lang="en" class="nojs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" >
<meta http-equiv="content-language" content="en" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<title></title>
<meta name="robots" content="index, follow" >
<meta name="description" content="">
<meta name="author" content="Paul Irish" >
<!-- Favicon -->
<link rel="shortcut icon" href="" >
<!-- JavaScript at the bottom -->
<script type="text/javascript">
(function(B,C){B[C]=B[C].replace(/\bnojs\b/,'js')})(document.documentElement,'className');
</script>
<style type="text/css">
#container { width: 300px; margin: 0 auto; font-size: 22px; font-family: cambria}
</style>
</head>
<!--[if lt IE 7 ]> <body class="ie6 "> <![endif]-->
<!--[if IE 7 ]> <body class="ie7 "> <![endif]-->
<!--[if IE 8 ]> <body class="ie8 "> <![endif]-->
<!--[if !IE]>--> <body class=" "> <!--<![endif]-->
<div id="container">
<div id="body">
<div class="page">
<p>Page 3</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit blandit erat, in vulputate nisl sodales in. Sed tortor mauris, convallis eu iaculis nec, facilisis in nulla. Nam scelerisque pharetra erat, at aliquam purus aliquam molestie. Duis commodo auctor convallis. Morbi in risus sed arcu aliquet commodo eu in erat. Aenean vitae pretium tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Nullam ullamcorper, est id viverra volutpat, libero risus dapibus velit, vel aliquet erat libero eget massa. Suspendisse vitae lorem eu neque luctus ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean a erat sagittis dui pretium mattis eget vel leo. Nulla mauris nibh, tempus at consequat eget, tincidunt eget purus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit blandit erat, in vulputate nisl sodales in. Sed tortor mauris, convallis eu iaculis nec, facilisis in nulla. Nam scelerisque pharetra erat, at aliquam purus aliquam molestie. Duis commodo auctor convallis. Morbi in risus sed arcu aliquet commodo eu in erat. Aenean vitae pretium tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Nullam ullamcorper, est id viverra volutpat, libero risus dapibus velit, vel aliquet erat libero eget massa. Suspendisse vitae lorem eu neque luctus ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean a erat sagittis dui pretium mattis eget vel leo. Nulla mauris nibh, tempus at consequat eget, tincidunt eget purus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit blandit erat, in vulputate nisl sodales in. Sed tortor mauris, convallis eu iaculis nec, facilisis in nulla. Nam scelerisque pharetra erat, at aliquam purus aliquam molestie. Duis commodo auctor convallis. Morbi in risus sed arcu aliquet commodo eu in erat. Aenean vitae pretium tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Nullam ullamcorper, est id viverra volutpat, libero risus dapibus velit, vel aliquet erat libero eget massa. Suspendisse vitae lorem eu neque luctus ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean a erat sagittis dui pretium mattis eget vel leo. Nulla mauris nibh, tempus at consequat eget, tincidunt eget purus. </p>
</div>
<a id="next" href="infinite-scroll-page3.html">next page?</a>
</div>
<!-- JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="../jquery.infinitescroll.js"></script>
</body>
</html>