Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 82 lines (77 sloc) 3.289 kb
923d250 @vitch Demo/ test pages for when (only) horizontal scrolling is required or whe...
authored
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd">
3 <html>
4 <head>
5
6 <title>Short jScrollPane demo</title>
7
8 <!-- styles specific to demo site -->
9 <link type="text/css" href="style/demo.css" rel="stylesheet" media="all" />
10 <!-- styles needed by jScrollPane - include in your own sites -->
11 <link type="text/css" href="style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
12
23d328f @vitch Outputting the CSS used on each page to the page for easy viewing...
authored
13 <style type="text/css" id="page-css">
923d250 @vitch Demo/ test pages for when (only) horizontal scrolling is required or whe...
authored
14 /* Styles specific to this particular page */
15 .scroll-pane
16 {
3388090 @vitch IE6 needs a specified width on the element jScrollPane is being applied ...
authored
17 width: 100%;
923d250 @vitch Demo/ test pages for when (only) horizontal scrolling is required or whe...
authored
18 max-height: 200px;
19 overflow: auto;
20 }
21 </style>
22
23 <!-- latest jQuery direct from google's CDN -->
fc92cf5 @vitch Updated jQuery version on all demos…
authored
24 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
c49a001 @vitch Hooked in the mousewheel plugin and made the pane scrollable with the mo...
authored
25 <!-- the mousewheel plugin -->
26 <script type="text/javascript" src="script/jquery.mousewheel.js"></script>
923d250 @vitch Demo/ test pages for when (only) horizontal scrolling is required or whe...
authored
27 <!-- the jScrollPane script -->
ef667b5 @vitch Using the minified version of the script in all example files (it is gen...
authored
28 <script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
c49a001 @vitch Hooked in the mousewheel plugin and made the pane scrollable with the mo...
authored
29 <!-- scripts specific to this demo site -->
30 <script type="text/javascript" src="script/demo.js"></script>
923d250 @vitch Demo/ test pages for when (only) horizontal scrolling is required or whe...
authored
31
32 <script type="text/javascript" id="sourcecode">
33 $(function()
34 {
35 $('.scroll-pane').jScrollPane();
36 });
37 </script>
38 </head>
39 <body>
c339c56 @vitch Added navigation and logo to top of all pages...
authored
40 <div id="top-nav">
41 <img src="image/logo.png" width="196" height="69" alt="jScrollPane">
42 <ul>
43 <li><a href="index.html">Home</a></li>
44 <li><a href="index.html#examples">Examples</a></li>
45 <li><a href="index.html#themes">Themes</a></li>
46 <li><a href="index.html#usage">How to use</a></li>
47 <li><a href="faqs.html">FAQs</a></li>
48 <li><a href="known_issues.html">Known issues</a></li>
49 <li><a href="index.html#support">Support</a></li>
50 <li><a href="index.html#download">Download</a></li>
51 </ul>
52 </div>
923d250 @vitch Demo/ test pages for when (only) horizontal scrolling is required or whe...
authored
53 <div id="container">
54 <h1>jScrollPane - demo page showing "no scroll necessary"</h1>
55 <p>
56 This demonstration shows how jScrollPane won't add scrollbars if you apply it to an element which
57 doesn't require scrolling.
58 </p>
59 <div class="scroll-pane">
60 <p>
61 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in ligula id sem tristique ultrices
62 eget id neque. Duis enim turpis, tempus at accumsan vitae, lobortis id sapien. Pellentesque nec orci
63 mi, in pharetra ligula. Nulla facilisi. Nulla facilisi. Mauris convallis venenatis massa, quis
64 consectetur felis ornare quis. Sed aliquet nunc ac ante molestie ultricies. Nam pulvinar ultricies
65 bibendum. Vivamus diam leo, faucibus et vehicula eu, molestie sit amet dui. Proin nec orci et elit
66 semper ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
67 mus. Sed quis urna mi, ac dignissim mauris. Quisque mollis ornare mauris, sed laoreet diam malesuada
68 quis. Proin vel elementum ante. Donec hendrerit arcu ac odio tincidunt posuere. Vestibulum nec risus
69 eu lacus semper viverra.
70 </p>
71 </div>
23d328f @vitch Outputting the CSS used on each page to the page for easy viewing...
authored
72 <h2>Page javascript</h2>
923d250 @vitch Demo/ test pages for when (only) horizontal scrolling is required or whe...
authored
73 <div id="sourcecode-display">
74 <p>The contents of this div will be replaced by the javascript added to this page</p>
75 </div>
23d328f @vitch Outputting the CSS used on each page to the page for easy viewing...
authored
76 <h2>Page CSS</h2>
77 <div id="css-display">
78 <p>The contents of this div will be replaced by the CSS added to this page</p>
79 </div>
923d250 @vitch Demo/ test pages for when (only) horizontal scrolling is required or whe...
authored
80 </div>
81 </body>
82 </html>
Something went wrong with that request. Please try again.