Skip to content

Commit 1724edb

Browse files
rochalrochal
committed
Move examples navigation into seperate file. Add frameset for easier control
1 parent 3a71022 commit 1724edb

15 files changed

+49
-230
lines changed

‎examples/allow-page-scroll.html‎

Lines changed: 0 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,6 @@
1212
</head>
1313
<body>
1414
<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
15-
<div id="nav">
16-
<h1>jQuery slimScroll</h1>
17-
<h2>Facebook-style jQuery Scrollbar</h1>
18-
<hr />
19-
<ul>
20-
<li><a href="height-width.html">Height / Width options</a></li>
21-
<li><a href="scrollbar.html">Scrollbar options</a></li>
22-
<li><a href="rail.html">Rail options</a></li>
23-
<li><a href="start-position.html">Start position</a></li>
24-
<li><a href="chaining.html">Chaining</a></li>
25-
<li><a href="multiple-elements.html">Mulitple bindings</a></li>
26-
<li><a href="programmatic-scrolling.html">Programmatic Scrolling</a></li>
27-
<li><a href="scroll-events.html">Scroll Events</a></li>
28-
<li><a href="allow-page-scroll.html">allowPageScroll option</a></li>
29-
<li><a href="disable-fade-out.html">disableFadeOut option</a></li>
30-
<li><a href="mouse-wheel.html">wheelStep option</a></li>
31-
<li><a href="nested.html">nested elements</a></li>
32-
</ul>
33-
</div>
3415
<div class="examples">
3516
<div id="testDiv">
3617
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p>

‎examples/chaining.html‎

Lines changed: 0 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,6 @@
1212
</head>
1313
<body>
1414
<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
15-
<div id="nav">
16-
<h1>jQuery slimScroll</h1>
17-
<h2>Facebook-style jQuery Scrollbar</h1>
18-
<hr />
19-
<ul>
20-
<li><a href="height-width.html">Height / Width options</a></li>
21-
<li><a href="scrollbar.html">Scrollbar options</a></li>
22-
<li><a href="rail.html">Rail options</a></li>
23-
<li><a href="start-position.html">Start position</a></li>
24-
<li><a href="chaining.html">Chaining</a></li>
25-
<li><a href="multiple-elements.html">Mulitple bindings</a></li>
26-
<li><a href="programmatic-scrolling.html">Programmatic Scrolling</a></li>
27-
<li><a href="scroll-events.html">Scroll Events</a></li>
28-
<li><a href="allow-page-scroll.html">allowPageScroll option</a></li>
29-
<li><a href="disable-fade-out.html">disableFadeOut option</a></li>
30-
<li><a href="mouse-wheel.html">wheelStep option</a></li>
31-
<li><a href="nested.html">nested elements</a></li>
32-
</ul>
33-
</div>
3415
<div class="examples">
3516
<div id="testDiv">
3617
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p>

‎examples/disable-fade-out.html‎

Lines changed: 0 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,6 @@
1212
</head>
1313
<body>
1414
<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
15-
<div id="nav">
16-
<h1>jQuery slimScroll</h1>
17-
<h2>Facebook-style jQuery Scrollbar</h1>
18-
<hr />
19-
<ul>
20-
<li><a href="height-width.html">Height / Width options</a></li>
21-
<li><a href="scrollbar.html">Scrollbar options</a></li>
22-
<li><a href="rail.html">Rail options</a></li>
23-
<li><a href="start-position.html">Start position</a></li>
24-
<li><a href="chaining.html">Chaining</a></li>
25-
<li><a href="multiple-elements.html">Mulitple bindings</a></li>
26-
<li><a href="programmatic-scrolling.html">Programmatic Scrolling</a></li>
27-
<li><a href="scroll-events.html">Scroll Events</a></li>
28-
<li><a href="allow-page-scroll.html">allowPageScroll option</a></li>
29-
<li><a href="disable-fade-out.html">disableFadeOut option</a></li>
30-
<li><a href="mouse-wheel.html">wheelStep option</a></li>
31-
<li><a href="nested.html">nested elements</a></li>
32-
</ul>
33-
</div>
3415
<div class="examples">
3516
<div id="testDiv">
3617
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p>

‎examples/height-width.html‎

Lines changed: 0 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,6 @@
1212
</head>
1313
<body>
1414
<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
15-
<div id="nav">
16-
<h1>jQuery slimScroll</h1>
17-
<h2>Facebook-style jQuery Scrollbar</h1>
18-
<hr />
19-
<ul>
20-
<li><a href="height-width.html">Height / Width options</a></li>
21-
<li><a href="scrollbar.html">Scrollbar options</a></li>
22-
<li><a href="rail.html">Rail options</a></li>
23-
<li><a href="start-position.html">Start position</a></li>
24-
<li><a href="chaining.html">Chaining</a></li>
25-
<li><a href="multiple-elements.html">Mulitple bindings</a></li>
26-
<li><a href="programmatic-scrolling.html">Programmatic Scrolling</a></li>
27-
<li><a href="scroll-events.html">Scroll Events</a></li>
28-
<li><a href="allow-page-scroll.html">allowPageScroll option</a></li>
29-
<li><a href="disable-fade-out.html">disableFadeOut option</a></li>
30-
<li><a href="mouse-wheel.html">wheelStep option</a></li>
31-
<li><a href="nested.html">nested elements</a></li>
32-
</ul>
33-
</div>
3415
<div class="examples">
3516
<div style="height:300px;">
3617
<div id="testDiv">

‎examples/index.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
2+
<html>
3+
<head>
4+
</head>
5+
<frameset framespacing="0" cols="250,*" frameborder="0" noresize>
6+
<frame name="nav" src="navigation.html" target="top">
7+
<frame name="main" src="height-width.html" target="main">
8+
</frameset>
9+
</html>

‎examples/mouse-wheel.html‎

Lines changed: 1 addition & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,7 @@
1212
</head>
1313
<body>
1414
<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
15-
<div id="nav">
16-
<h1>jQuery slimScroll</h1>
17-
<h2>Facebook-style jQuery Scrollbar</h1>
18-
<hr />
19-
<ul>
20-
<li><a href="height-width.html">Height / Width options</a></li>
21-
<li><a href="scrollbar.html">Scrollbar options</a></li>
22-
<li><a href="rail.html">Rail options</a></li>
23-
<li><a href="start-position.html">Start position</a></li>
24-
<li><a href="chaining.html">Chaining</a></li>
25-
<li><a href="multiple-elements.html">Mulitple bindings</a></li>
26-
<li><a href="programmatic-scrolling.html">Programmatic Scrolling</a></li>
27-
<li><a href="scroll-events.html">Scroll Events</a></li>
28-
<li><a href="allow-page-scroll.html">allowPageScroll option</a></li>
29-
<li><a href="disable-fade-out.html">disableFadeOut option</a></li>
30-
<li><a href="mouse-wheel.html">wheelStep option</a></li>
31-
<li><a href="nested.html">nested elements</a></li>
32-
</ul>
33-
</div>
15+
3416
<div class="examples">
3517
<div id="testDiv">
3618
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p>

‎examples/multiple-elements.html‎

Lines changed: 1 addition & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,7 @@
1212
</head>
1313
<body>
1414
<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
15-
<div id="nav">
16-
<h1>jQuery slimScroll</h1>
17-
<h2>Facebook-style jQuery Scrollbar</h1>
18-
<hr />
19-
<ul>
20-
<li><a href="height-width.html">Height / Width options</a></li>
21-
<li><a href="scrollbar.html">Scrollbar options</a></li>
22-
<li><a href="rail.html">Rail options</a></li>
23-
<li><a href="start-position.html">Start position</a></li>
24-
<li><a href="chaining.html">Chaining</a></li>
25-
<li><a href="multiple-elements.html">Mulitple bindings</a></li>
26-
<li><a href="programmatic-scrolling.html">Programmatic Scrolling</a></li>
27-
<li><a href="scroll-events.html">Scroll Events</a></li>
28-
<li><a href="allow-page-scroll.html">allowPageScroll option</a></li>
29-
<li><a href="disable-fade-out.html">disableFadeOut option</a></li>
30-
<li><a href="mouse-wheel.html">wheelStep option</a></li>
31-
<li><a href="nested.html">nested elements</a></li>
32-
</ul>
33-
</div>
15+
3416
<div class="examples">
3517
<div class="area">
3618
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p>

‎examples/navigation.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2+
<html>
3+
<head>
4+
<title>jquery.slimscroll - navigation</title>
5+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6+
<link href="style.css" type="text/css" rel="stylesheet" />
7+
</head>
8+
<body>
9+
<div id="nav">
10+
<h1>jQuery slimScroll</h1>
11+
<h2>Facebook-style jQuery Scrollbar</h1>
12+
<hr />
13+
<ul>
14+
<li><a target="main" href="height-width.html">Height / Width options</a></li>
15+
<li><a target="main" href="scrollbar.html">Scrollbar options</a></li>
16+
<li><a target="main" href="rail.html">Rail options</a></li>
17+
<li><a target="main" href="start-position.html">Start position</a></li>
18+
<li><a target="main" href="chaining.html">Chaining</a></li>
19+
<li><a target="main" href="multiple-elements.html">Mulitple bindings</a></li>
20+
<li><a target="main" href="programmatic-scrolling.html">Programmatic Scrolling</a></li>
21+
<li><a target="main" href="scroll-events.html">Scroll Events</a></li>
22+
<li><a target="main" href="allow-page-scroll.html">allowPageScroll option</a></li>
23+
<li><a target="main" href="disable-fade-out.html">disableFadeOut option</a></li>
24+
<li><a target="main" href="mouse-wheel.html">wheelStep option</a></li>
25+
<li><a target="main" href="nested.html">nested elements</a></li>
26+
<li><a target="main" href="dynamic-content.html">dynamic content</a></li>
27+
</ul>
28+
</div>
29+
</body>
30+
</html>

‎examples/nested.html‎

Lines changed: 2 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
22
<html>
33
<head>
4-
<title>jquery.slimscroll - top/bottom events</title>
4+
<title>jquery.slimscroll - nested elements</title>
55
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
66
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
77
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
@@ -12,25 +12,7 @@
1212
</head>
1313
<body>
1414
<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
15-
<div id="nav">
16-
<h1>jQuery slimScroll</h1>
17-
<h2>Facebook-style jQuery Scrollbar</h1>
18-
<hr />
19-
<ul>
20-
<li><a href="height-width.html">Height / Width options</a></li>
21-
<li><a href="scrollbar.html">Scrollbar options</a></li>
22-
<li><a href="rail.html">Rail options</a></li>
23-
<li><a href="start-position.html">Start position</a></li>
24-
<li><a href="chaining.html">Chaining</a></li>
25-
<li><a href="multiple-elements.html">Mulitple bindings</a></li>
26-
<li><a href="programmatic-scrolling.html">Programmatic Scrolling</a></li>
27-
<li><a href="scroll-events.html">Scroll Events</a></li>
28-
<li><a href="allow-page-scroll.html">allowPageScroll option</a></li>
29-
<li><a href="disable-fade-out.html">disableFadeOut option</a></li>
30-
<li><a href="mouse-wheel.html">wheelStep option</a></li>
31-
<li><a href="nested.html">nested elements</a></li>
32-
</ul>
33-
</div>
15+
3416
<div class="examples">
3517
<div id="testDiv">
3618
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p>

‎examples/programmatic-scrolling.html‎

Lines changed: 1 addition & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,7 @@
1212
</head>
1313
<body>
1414
<a id="git-fork" href="https://github.com/rochal/jQuery-slimScroll"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
15-
<div id="nav">
16-
<h1>jQuery slimScroll</h1>
17-
<h2>Facebook-style jQuery Scrollbar</h1>
18-
<hr />
19-
<ul>
20-
<li><a href="height-width.html">Height / Width options</a></li>
21-
<li><a href="scrollbar.html">Scrollbar options</a></li>
22-
<li><a href="rail.html">Rail options</a></li>
23-
<li><a href="start-position.html">Start position</a></li>
24-
<li><a href="chaining.html">Chaining</a></li>
25-
<li><a href="multiple-elements.html">Mulitple bindings</a></li>
26-
<li><a href="programmatic-scrolling.html">Programmatic Scrolling</a></li>
27-
<li><a href="scroll-events.html">Scroll Events</a></li>
28-
<li><a href="allow-page-scroll.html">allowPageScroll option</a></li>
29-
<li><a href="disable-fade-out.html">disableFadeOut option</a></li>
30-
<li><a href="mouse-wheel.html">wheelStep option</a></li>
31-
<li><a href="nested.html">nested elements</a></li>
32-
</ul>
33-
</div>
15+
3416
<div class="examples">
3517
<div id="testDiv">
3618
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue. In vel tortor vel velit tristique tempus ac id nisi. Proin quis lorem velit. Nunc dui dui, blandit a ullamcorper vitae, congue fringilla lectus. Aliquam ultricies malesuada feugiat. Vestibulum placerat turpis et eros lobortis vel semper sapien pulvinar.</p>

0 commit comments

Comments
 (0)