Remove extraneous files from autogeneration of ref pages. (#4044)
* Remove extraneous files from autogeneration of ref pages. * Revert "Remove extraneous files from autogeneration of ref pages." This reverts commit 39ec47ee44354c96070f89064374eb729d6da5ec.
This commit is contained in:
Steve Perry
-5
@@ -1,5 +0,0 @@
|
|||||||
Bootstrap uses [GitHub's Releases feature](https://github.com/blog/1547-release-your-software) for its changelogs.
|
|
||||||
|
|
||||||
See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap.
|
|
||||||
|
|
||||||
Release announcement posts on [the official Bootstrap blog](http://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release.
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
\foo
|
|
||||||
-6
@@ -1,6 +0,0 @@
|
|||||||
<li><a href="foo">foo</li>
|
|
||||||
<li><a href="bar">bar</li>
|
|
||||||
<li><a href="baz">baz</li>
|
|
||||||
<li><a href="qux">qux</li>
|
|
||||||
<li><a href="fee">fee</li>
|
|
||||||
<li><a href="bah">not a // comment</a></li>
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
foo
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<p>loki's "wheelchair"</p>
|
|
||||||
-4
@@ -1,4 +0,0 @@
|
|||||||
<ul>
|
|
||||||
<p>Hello world!</p>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-4
@@ -1,4 +0,0 @@
|
|||||||
<style>body {
|
|
||||||
foo: 'bar';
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
-12
@@ -1,12 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
<li>geddy</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>neil</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>alex</li>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<p>Old</p>
|
|
||||||
Generated
Vendored
-4
@@ -1,4 +0,0 @@
|
|||||||
<style>body {
|
|
||||||
foo: 'bar';
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
-12
@@ -1,12 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
<li>geddy</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>neil</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>alex</li>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
Generated
Vendored
-1
@@ -1 +0,0 @@
|
|||||||
<p>Old</p>
|
|
||||||
Generated
Vendored
-5
@@ -1,5 +0,0 @@
|
|||||||
<div>
|
|
||||||
12
|
|
||||||
3
|
|
||||||
45
|
|
||||||
</div>
|
|
||||||
-3
@@ -1,3 +0,0 @@
|
|||||||
<pre>There should be a space followed by a less-than sign and then two more
|
|
||||||
spaces in the next line:
|
|
||||||
< .</pre>
|
|
||||||
-9
@@ -1,9 +0,0 @@
|
|||||||
<li><a href="//foo">Foo</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//bar">Bar</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//baz">Baz</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
-8
@@ -1,8 +0,0 @@
|
|||||||
<li><a href="//foo">Foo</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//bar">Bar</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//baz">Baz</a>
|
|
||||||
</li>
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<ul><li>geddy</li><li>neil</li><li>alex</li></ul>
|
|
||||||
-9
@@ -1,9 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
<li>geddy</li>
|
|
||||||
|
|
||||||
<li>neil</li>
|
|
||||||
|
|
||||||
<li>alex</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-4
@@ -1,4 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-5
@@ -1,5 +0,0 @@
|
|||||||
<ul>
|
|
||||||
<li>geddy</li>
|
|
||||||
<li>neil</li>
|
|
||||||
<li>alex</li>
|
|
||||||
</ul>
|
|
||||||
-3
@@ -1,3 +0,0 @@
|
|||||||
This document does not use semicolons in scriptlets.
|
|
||||||
|
|
||||||
The value of c is: c
|
|
||||||
-8
@@ -1,8 +0,0 @@
|
|||||||
<tag1>
|
|
||||||
<tag2>
|
|
||||||
A very long piece of text very long piece of text very long piece of
|
|
||||||
text very long piece of text very long piece of
|
|
||||||
text very long piece oftext very long
|
|
||||||
adsffadsfadsfadfpiece of text.
|
|
||||||
Text again.
|
|
||||||
Another text. c
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<p>loki's wheelchair</p>
|
|
||||||
-5
@@ -1,5 +0,0 @@
|
|||||||
<ul>
|
|
||||||
<li>geddy</li>
|
|
||||||
<li>neil</li>
|
|
||||||
<li>alex</li>
|
|
||||||
</ul>
|
|
||||||
-186
@@ -1,186 +0,0 @@
|
|||||||
# Changelog
|
|
||||||
|
|
||||||
## 2.1.2
|
|
||||||
### Fix
|
|
||||||
- Plugin won't break if an empty jQuery object is passed, it's now consistent with selector target #121
|
|
||||||
### Docs
|
|
||||||
- Converted the CHANGELOG to Markdown
|
|
||||||
|
|
||||||
## 2.1.1
|
|
||||||
### Fix
|
|
||||||
- Slight change so define function is not minified (#91)
|
|
||||||
|
|
||||||
## 2.1.0
|
|
||||||
### Enhancement
|
|
||||||
- Avoid animating a needless axis
|
|
||||||
### Feature
|
|
||||||
- Implemented interrupt setting, if true will stop animating on user (manual) scroll (#67)
|
|
||||||
|
|
||||||
## 2.0.1
|
|
||||||
### Fix
|
|
||||||
- Fixed "queue" setting conflicts with $().animate(), forced to always get there as true
|
|
||||||
|
|
||||||
## 2.0.0
|
|
||||||
### Feature
|
|
||||||
- All settings are passed to jQuery.animate() meaning it now supports even more settings
|
|
||||||
### Enhancement
|
|
||||||
- $(window)._scrollable() is no longer needed, the element is always the window
|
|
||||||
- Delegating to jQuery the get/set of element/window scroll positions.
|
|
||||||
### Compat
|
|
||||||
- Dropped support for $.scrollTo.window() and $(window)._scrollable()
|
|
||||||
### Fix
|
|
||||||
- Now works consistenly on Chrome 40
|
|
||||||
- Now works correctly on Windows Phone
|
|
||||||
- Now works correctly on Android Browsers
|
|
||||||
- Now works correctly on iOS Browsers
|
|
||||||
|
|
||||||
## 1.4.14
|
|
||||||
###Misc
|
|
||||||
- Internal both() function will handle nulls correctly
|
|
||||||
|
|
||||||
## 1.4.13
|
|
||||||
###Misc
|
|
||||||
- Support for CommonJS / NPM added by durango
|
|
||||||
|
|
||||||
## 1.4.12
|
|
||||||
### Fix
|
|
||||||
- Fixed selector matching body fails on window scrolling
|
|
||||||
|
|
||||||
## 1.4.11
|
|
||||||
###Misc
|
|
||||||
- Reverted changes from 1.4.10
|
|
||||||
|
|
||||||
## 1.4.10
|
|
||||||
### Enhancement
|
|
||||||
- Giving the plugin an AMD module id so it can be required (f.e by localScroll)
|
|
||||||
|
|
||||||
## 1.4.9
|
|
||||||
### Enhancement
|
|
||||||
- "offset" setting can now be a function as well (#60)
|
|
||||||
|
|
||||||
## 1.4.8
|
|
||||||
### Enhancement
|
|
||||||
- Added support for AMD
|
|
||||||
|
|
||||||
## 1.4.7
|
|
||||||
###Misc
|
|
||||||
- Changed spacing
|
|
||||||
- Changed licensing to MIT
|
|
||||||
- Repo is compliant with official jquery plugins repository
|
|
||||||
|
|
||||||
## 1.4.6
|
|
||||||
### Fix
|
|
||||||
- Fixed first argument of onAfter and onAfterFirst was original target and should be "parsed" target
|
|
||||||
|
|
||||||
## 1.4.5
|
|
||||||
### Fix
|
|
||||||
- Fixed passing a negative scroll value crashes
|
|
||||||
|
|
||||||
## 1.4.4
|
|
||||||
###Change
|
|
||||||
- Re-released as 1.4.4 to avoid issues with bower
|
|
||||||
|
|
||||||
## 1.4.3.1
|
|
||||||
### Fix
|
|
||||||
- Fixed $.scrollTo(0) broken on 1.4.3
|
|
||||||
|
|
||||||
## 1.4.3
|
|
||||||
### Enhancement
|
|
||||||
- Limit calculations can be disabled by setting the option 'limit' to false.
|
|
||||||
- Null target or unmatching selector don't break and fail silently
|
|
||||||
###Misc
|
|
||||||
- Removed support for the deprecated setting 'speed'
|
|
||||||
### Fix
|
|
||||||
- Removed $.browser.webkit so the plugin works with jQuery +1.8
|
|
||||||
|
|
||||||
## 1.4.2
|
|
||||||
### Feature
|
|
||||||
- The plugin support percentages as target ('50%' or {top:'50%', left:'45%'})
|
|
||||||
- Exposed the max() calculation as $.scrollTo.max
|
|
||||||
### Enhancement
|
|
||||||
- Renamed $.fn.scrollable to $.fn._scrollable to avoid conflicts with other plugins
|
|
||||||
### Fix
|
|
||||||
- Fixing max calculations for regular DOM elements
|
|
||||||
|
|
||||||
## 1.4.1
|
|
||||||
### Feature
|
|
||||||
- The target can be 'max' to scroll to the end while keeping it elegant.
|
|
||||||
### Enhancement
|
|
||||||
- Default duration is 0 for jquery +1.3. Means sync animation
|
|
||||||
- The plugin works on all major browsers, on compat & quirks modes, including iframes.
|
|
||||||
- In addition to window/document, if html or body are received, the plugin will choose the right one.
|
|
||||||
### Fix
|
|
||||||
- The plugin accepts floating numbers, Thanks Ramin
|
|
||||||
- Using jQuery.nodeName where neccessary so that this works on xml+xhtml
|
|
||||||
- The max() internal function wasn't completely accurrate, now it is 98% (except for IE on quirks mode and it's not too noticeable).
|
|
||||||
|
|
||||||
## 1.4
|
|
||||||
### Fix
|
|
||||||
- Fixed the problem when scrolling the window to absolute positioned elements on Safari.
|
|
||||||
- Fixed the problem on Opera 9.5 when scrolling the window. That it always scrolls to 0.
|
|
||||||
### Feature
|
|
||||||
- Added the settings object as 2nd argument to the onAfter callback.
|
|
||||||
- The 3rd argument of scrollTo can be just a function and it's used as the onAfter.
|
|
||||||
- Added full support for iframes (even max scroll calculation).
|
|
||||||
- Instead of $.scrollTo, $(window).scrollTo() and $(document).scrollTo() can be used.
|
|
||||||
- Added $().scrollable() that returns the real element to scroll, f.e: $(window).scrollable() == ###body|html], works for iframes
|
|
||||||
### Enhancement
|
|
||||||
- Cleaned the code a bit, specially the comments
|
|
||||||
|
|
||||||
## 1.3.3
|
|
||||||
###Change
|
|
||||||
- Changed the licensing from GPL to GPL+MIT.
|
|
||||||
|
|
||||||
## 1.3.2
|
|
||||||
### Enhancement
|
|
||||||
- Small improvements to make the code shorter.
|
|
||||||
###Change
|
|
||||||
- Removed the last argument received by onAfter as it was the same as the 'this' but jqueryfied.
|
|
||||||
|
|
||||||
## 1.3.1
|
|
||||||
### Feature
|
|
||||||
- Exposed $.scrollTo.window() to get the element that needs to be animated, to scroll the window.
|
|
||||||
- Added option 'over'.
|
|
||||||
### Enhancement
|
|
||||||
- Made the code as short as possible.
|
|
||||||
###Change
|
|
||||||
- Changed the arguments received by onAfter
|
|
||||||
|
|
||||||
## 1.3
|
|
||||||
### Enhancement
|
|
||||||
- Added semicolon to the start, for safe file concatenation
|
|
||||||
- Added a limit check, values below 0 or over the maximum are fixed.
|
|
||||||
- Now it should work faster, only one of html or body go through all the processing, instead of both for all browsers.
|
|
||||||
### Fix
|
|
||||||
- Fixed the behavior for Opera, which seemed to react to both changes on <html> and <body>.
|
|
||||||
- The border is also reduced, when 'margin' is set to true.
|
|
||||||
###Change
|
|
||||||
- The option speed has been renamed to duration.
|
|
||||||
### Feature
|
|
||||||
- The duration can be specified with a number as 2nd argument, and the rest of the settings as the third ( like $().animate )
|
|
||||||
- Remade the demo
|
|
||||||
|
|
||||||
#### 1.2.4
|
|
||||||
### Enhancement
|
|
||||||
- The target can be in the form of { top:x, left:y } allowing different position for each axis.
|
|
||||||
### Feature
|
|
||||||
- The option 'offset' has been added, to scroll behind or past the target. Can be a number(both axes) or { top:x, left:y }.
|
|
||||||
|
|
||||||
#### 1.2.3
|
|
||||||
### Feature
|
|
||||||
- Exposed the defaults.
|
|
||||||
### Enhancement
|
|
||||||
- Made the callback functions receive more parameters.
|
|
||||||
|
|
||||||
#### 1.2.2
|
|
||||||
### Fix
|
|
||||||
- Fixed a bug, I didn't have to add the scrolled amount if it was body or html.
|
|
||||||
|
|
||||||
## 1.2
|
|
||||||
###Change
|
|
||||||
- The option 'onafter' is now called 'onAfter'.
|
|
||||||
### Feature
|
|
||||||
- Two axes can be scrolled together, this is set with the option 'axis'.
|
|
||||||
- In case 2 axes are chosen, the scrolling can be queued: one scrolls, and then the other.
|
|
||||||
- There's an intermediary event, 'onAfterFirst' called in case the axes are queued, after the first ends.
|
|
||||||
- If the option 'margin' is set to true, the plugin will take in account, the margin of the target(no use if target is a value).
|
|
||||||
-252
@@ -1,252 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo</title>
|
|
||||||
<meta name="keywords" content="javascript, jquery, plugins, scroll, scrollTo, smooth, animation, to, effect, ariel, flesler, window, overflow, element, navigation, customizable" />
|
|
||||||
<meta name="description" content="Demo of jQuery.scrollTo. Lightweight, cross-browser and highly customizable animated scrolling with jQuery, made by Ariel Flesler." />
|
|
||||||
<meta name="robots" content="index,follow" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="css/style.css" />
|
|
||||||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.min.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
jQuery(function( $ ){
|
|
||||||
/**
|
|
||||||
* Demo binding and preparation, no need to read this part
|
|
||||||
*/
|
|
||||||
//borrowed from jQuery easing plugin
|
|
||||||
//http://gsgd.co.uk/sandbox/jquery.easing.php
|
|
||||||
$.easing.elasout = function(x, t, b, c, d) {
|
|
||||||
var s=1.70158;var p=0;var a=c;
|
|
||||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
|
||||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
||||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
|
||||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
|
||||||
};
|
|
||||||
$('a.back').click(function() {
|
|
||||||
$(this).parents('div.pane').scrollTo(0, 800, { queue:true });
|
|
||||||
$(this).parents('div.section').find('span.message').text( this.title);
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
//just for the example, to stop the click on the links.
|
|
||||||
$('ul.links').click(function(e){
|
|
||||||
var link = e.target;
|
|
||||||
if (link.target === '_blank') {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
e.preventDefault();
|
|
||||||
link.blur();
|
|
||||||
if (link.title) {
|
|
||||||
$(this).parent().find('span.message').text(link.title);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// This one is important, many browsers don't reset scroll on refreshes
|
|
||||||
// Reset all scrollable panes to (0,0)
|
|
||||||
$('div.pane').scrollTo(0);
|
|
||||||
// Reset the screen to (0,0)
|
|
||||||
$.scrollTo(0);
|
|
||||||
|
|
||||||
// TOC, shows how to scroll the whole window
|
|
||||||
$('#toc a').click(function() {//$.scrollTo works EXACTLY the same way, but scrolls the whole screen
|
|
||||||
$.scrollTo(this.hash, 1500, { easing:'elasout' });
|
|
||||||
$(this.hash).find('span.message').text(this.title);
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Target examples bindings
|
|
||||||
var $target = $('#pane-target');
|
|
||||||
$('#target-examples a').click(function() {
|
|
||||||
$target.stop(true);
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#relative-selector').click(function() {
|
|
||||||
$target.scrollTo('li:eq(7)', 800);
|
|
||||||
});
|
|
||||||
$('#jquery-object').click(function() {
|
|
||||||
$target.scrollTo($('#pane-target li:eq(14)') , 800);
|
|
||||||
});
|
|
||||||
$('#dom-element').click(function() {
|
|
||||||
$target.scrollTo(document.getElementById('twenty'), 800);
|
|
||||||
});
|
|
||||||
$('#absolute-number').click(function() {
|
|
||||||
$target.scrollTo(150, 800);
|
|
||||||
});
|
|
||||||
$('#absolute-number-hash').click(function() {
|
|
||||||
$target.scrollTo({ top:800, left:700}, 800);
|
|
||||||
});
|
|
||||||
$('#absolute-px').click(function() {
|
|
||||||
$target.scrollTo('520px', 800);
|
|
||||||
});
|
|
||||||
$('#absolute-px-hash').click(function() {
|
|
||||||
$target.scrollTo({top:'110px', left:'290px'}, 800);
|
|
||||||
});
|
|
||||||
$('#relative-px').click(function() {
|
|
||||||
$target.scrollTo('+=100', 500);
|
|
||||||
});
|
|
||||||
$('#relative-px-hash').click(function() {
|
|
||||||
$target.scrollTo({top:'-=100px', left:'+=100'}, 500);
|
|
||||||
});
|
|
||||||
$('#percentage-px').click(function() {
|
|
||||||
$target.scrollTo('50%', 800);
|
|
||||||
});
|
|
||||||
$('#percentage-px-hash').click(function() {
|
|
||||||
$target.scrollTo({top:'50%', left:'20%'}, 800);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Settings examples bindings, they will all scroll to the same place, with different settings
|
|
||||||
var $settings = $('#pane-settings');
|
|
||||||
$('#settings-examples a').click(function() {
|
|
||||||
// before each animation, reset to (0,0), skip this.
|
|
||||||
$settings.stop(true).scrollTo(0);
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#settings-no').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000);
|
|
||||||
});
|
|
||||||
$('#settings-axis').click(function() {// only scroll horizontally
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { axis:'x' });
|
|
||||||
});
|
|
||||||
$('#settings-duration').click(function() {// it's the same as specifying it in the 2nd argument
|
|
||||||
$settings.scrollTo('li:eq(15)', { duration: 3000 });
|
|
||||||
});
|
|
||||||
$('#settings-easing').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 2500, { easing:'elasout' });
|
|
||||||
});
|
|
||||||
$('#settings-margin').click(function() {//scroll to the "outer" position of the element
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { margin:true });
|
|
||||||
});
|
|
||||||
$('#settings-offset').click(function() {//same as { top:-50, left:-50 }
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { offset:-50 });
|
|
||||||
});
|
|
||||||
$('#settings-offset-hash').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { offset:{ top:-5, left:-30 } });
|
|
||||||
});
|
|
||||||
$('#settings-offset-function').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, {offset: function() { return {top:-30, left:-5}; }});
|
|
||||||
});
|
|
||||||
$('#settings-over').click(function() {//same as { top:-50, left:-50 }
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { over:0.5 });
|
|
||||||
});
|
|
||||||
$('#settings-over-hash').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { over:{ top:0.2, left:-0.5 } });
|
|
||||||
});
|
|
||||||
$('#settings-interrupt').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 10000, { interrupt:true });
|
|
||||||
});
|
|
||||||
$('#settings-queue').click(function() {//in this case, having 'axis' as 'xy' or 'yx' matters.
|
|
||||||
$settings.scrollTo('li:eq(15)', 2000, { queue:true });
|
|
||||||
});
|
|
||||||
$('#settings-onAfter').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 2000, {
|
|
||||||
onAfter:function() {
|
|
||||||
$('#settings-message').text('Got there!');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
$('#settings-onAfterFirst').click(function() {//onAfterFirst exists only when queuing
|
|
||||||
$settings.scrollTo('li:eq(15)', 1600, {
|
|
||||||
queue:true,
|
|
||||||
onAfterFirst:function() {
|
|
||||||
$('#settings-message').text('Got there horizontally!');
|
|
||||||
},
|
|
||||||
onAfter:function() {
|
|
||||||
$('#settings-message').text('Got there vertically!');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
$('#settings-step').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 2000, {step:function(now) {
|
|
||||||
$('#settings-message').text(now.toFixed(2));
|
|
||||||
}});
|
|
||||||
});
|
|
||||||
$('#settings-progress').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 2000, {progress:function(_, now) {
|
|
||||||
$('#settings-message').text(Math.round(now*100) + '%');
|
|
||||||
}});
|
|
||||||
});
|
|
||||||
$('#settings-fail').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 10000, {interrupt:true, fail:function() {
|
|
||||||
$('#settings-message').text('Scroll interrupted!');
|
|
||||||
}});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo <strong>by Ariel Flesler</strong></h1>
|
|
||||||
|
|
||||||
<div id="toc" class="part">
|
|
||||||
<h3>Table of contents <strong>(try these)</strong></h3>
|
|
||||||
<ul>
|
|
||||||
<li><a title="$.scrollTo('#target-examples', 800, {easing:'elasout'});" href="#target-examples">Ways to specify the target</a></li>
|
|
||||||
<li><a title="$.scrollTo('#settings-examples', 800, {easing:'elasout'});" href="#settings-examples">Settings</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="links" class="part">
|
|
||||||
<h3>Links</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a target="_blank" href="https://github.com/flesler/jquery.scrollTo">Github</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html">Main blog article</a></li>
|
|
||||||
<li><a target="_blank" href="http://demos.flesler.com/jquery/localScroll/">LocalScroll Demo</a></li>
|
|
||||||
<li><a target="_blank" href="http://demos.flesler.com/jquery/serialScroll/">SerialScroll Demo</a></li>
|
|
||||||
<li><a target="_blank" href="index.old.html">Old Demo</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="target-examples" class="section part">
|
|
||||||
<h3>Ways to specify the target <span id="target-message" class="message">Click an option, to see it in action</span></h3>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(7)', 800);" id="relative-selector" href="#">Relative selector</a></li>
|
|
||||||
<li><a title="$(...).scrollTo($('div li:eq(14)'), 800);" id="jquery-object" href="#">jQuery object</a></li>
|
|
||||||
<li><a title="$(...).scrollTo(document.getElementById('twenty'), 800);" id="dom-element" href="#">DOM Element</a></li>
|
|
||||||
<li><a title="$(...).scrollTo(150, 800);" id="absolute-number" href="#">Absolute number</a></li>
|
|
||||||
<li><a title="$(...).scrollTo({ top:800, left:700}, 800);" id="absolute-number-hash" href="#">Absolute number(hash)</a></li>
|
|
||||||
</ul>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a title="$(...).scrollTo('520px', 800);" id="absolute-px" href="#">Absolute px</a></li>
|
|
||||||
<li><a title="$(...).scrollTo({top:'110px', left:'290px'}, 800);" id="absolute-px-hash" href="#">Absolute px(hash)</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('+=100px', 800);" id="relative-px" href="#">Relative px</a></li>
|
|
||||||
<li><a title="$(...).scrollTo({top:'-=100px', left:'+=100'}, 800);" id="relative-px-hash" href="#">Relative px(hash)</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('50%', 800);" id="percentage-px" href="#">Percent</a></li>
|
|
||||||
<li><a title="$(...).scrollTo({top:'50%', left:'20%'}, 800);" id="percentage-px-hash" href="#">Percent(hash)</a></li>
|
|
||||||
</ul>
|
|
||||||
<div id="pane-target" class="pane">
|
|
||||||
<ul class="elements" style="height:1011px; width:1820px;">
|
|
||||||
<li><p>0</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>1</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>2</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>3</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>4</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>5</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>6</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>7</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>8</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>9</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>10</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>11</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>12</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>13</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>14</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>15</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>16</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>17</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>18</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>19</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li id="twenty"><p>20</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>21</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>22</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>23</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>24</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>25</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>26</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>27</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>28</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>29</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="settings-examples" class="section part">
|
|
||||||
<h3>Settings <span id="settings-message" class="message">The examples shown here, are summarized for brevity</span></h3>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000);" id="settings-no" href="#">no settings</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {axis:'x'});//only scroll on this axis (can be x, y, xy or yx)" id="settings-axis" href="#">axis</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {margin:true});//deduct the margin and border from the final position" id="settings-margin" href="#">margin</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {offset:-50});//add or deduct from the final position" id="settings-offset" href="#">offset</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {offset: {top:-5, left:-30} });" id="settings-offset-hash" href="#">offset(hash)</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {offset: function() { return {top:-30, left:-5}; }});" id="settings-offset-function" href="#">offset(function)</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {over:0.5});//add or deduct a fraction of its height/width" id="settings-over" href="#">over</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {over:{top:0.2, left:-0.5});" id="settings-over-hash" href="#">over(hash)</a></li>
|
|
||||||
<li><a title="Scroll manually to interrupt the animation" id="settings-interrupt" href="#">interrupt</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1600, {onAfter:function() { } });//called after the scrolling ends" id="settings-onAfter" href="#">onAfter</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1600, {queue:true, onAfterFirst:function() { } });//called after the first axis scrolled" id="settings-onAfterFirst" href="#">onAfterFirst</a></li>
|
|
||||||
</ul>
|
|
||||||
<h4>Settings inherited from <a href="http://api.jquery.com/animate/#animate-properties-options" target="_blank">$().animate()</a></h4>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', {duration:3000});//another way of calling the plugin" id="settings-duration" href="#">duration</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 2500, {easing:'elasout'});//specify an easing equation" id="settings-easing" href="#">easing</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1600, {queue:true});//scroll one axis, then the other" id="settings-queue" href="#">queue</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 2500, {step:function() { }'});//specify a step function" id="settings-step" href="#">step</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 2500, {progress:function() { }'});//specify a progress function" id="settings-progress" href="#">progress</a></li>
|
|
||||||
<li><a title="Scroll manually to interrupt and trigger the callback" id="settings-fail" href="#">fail</a></li>
|
|
||||||
<li><a href="http://api.jquery.com/animate/#animate-properties-options" target="_blank">more</a></li>
|
|
||||||
</ul>
|
|
||||||
<div id="pane-settings" class="pane">
|
|
||||||
<ul class="elements" style="height:1062px;width:1877px;">
|
|
||||||
<li><p>0</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>1</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>2</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>3</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>4</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>5</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>6</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>7</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>8</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>9</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>10</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>11</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>12</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>13</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>14</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>15</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>16</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>17</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>18</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>19</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>20</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>21</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>22</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>23</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>24</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>25</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>26</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>27</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>28</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>29</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-128
@@ -1,128 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.ScrollTo</title>
|
|
||||||
<meta name="keywords" content="javascript, jquery, plugins, scroll, scrollTo, smooth, animation, to, effect, ariel, flesler, window, overflow, element, navigation, customizable" />
|
|
||||||
<meta name="description" content="Demo of jQuery.scrollTo. Lightweight, cross-browser and highly customizable animated scrolling with jQuery, made by Ariel Flesler." />
|
|
||||||
<meta name="robots" content="index,follow" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="css/style.old.css" />
|
|
||||||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
jQuery(function( $ ){
|
|
||||||
//borrowed from jQuery easing plugin
|
|
||||||
//http://gsgd.co.uk/sandbox/jquery.easing.php
|
|
||||||
$.easing.elasout = function(x, t, b, c, d) {
|
|
||||||
var s=1.70158;var p=0;var a=c;
|
|
||||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
|
||||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
||||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
|
||||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
|
||||||
};
|
|
||||||
$('button').click(function(){//this is not the cleanest way to do this, I'm just keeping it short.
|
|
||||||
var index = parseInt( $(this).prev('input').val() ) || 0;
|
|
||||||
var $c = $(this).parent().next();
|
|
||||||
$c.stop().scrollTo('li:eq('+index+')', {duration:2500, easing:'elasout',axis:$c.attr('id')});
|
|
||||||
});
|
|
||||||
$('#btn_screen').click(function(){
|
|
||||||
$.scrollTo( $('#txt_screen').val(), {duration:2500} );
|
|
||||||
});
|
|
||||||
$('div.container a').click(function(){
|
|
||||||
var $c = $(this).parents('.container');
|
|
||||||
$c.stop().scrollTo( 0, {duration:2000,axis:$c.attr('id'), queue:true} );
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.ScrollTo <strong>by Ariel Flesler</strong></h1>
|
|
||||||
<div id="links" class="part" style="width:135px">
|
|
||||||
<h3>Links</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a target="_blank" href="http://plugins.jquery.com/project/ScrollTo">Project Page</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html">Main blog article</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.blogspot.com/search/label/jQuery.ScrollTo">All articles</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.webs.com/jQuery.LocalScroll/">LocalScroll Demo</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.webs.com/jQuery.SerialScroll/">SerialScroll Demo</a></li>
|
|
||||||
<li><a target="_blank" href="./" rel="prev" rev="next">New Demo</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<label for="txt_screen">Scroll the window to <input id="txt_screen" type="text" value=".pane:eq(1)" /><input id="btn_screen" type="button" value="Scroll" /></label><br /><br />
|
|
||||||
<label>Scroll to the #<input type="text" value="3" /> element inside this container<button>Scroll</button></label>
|
|
||||||
<div id="y" class="container">
|
|
||||||
<ul>
|
|
||||||
<li style="background-color:#9933CC;"><p>0</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>1</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>2</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>3</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>4</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>5</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>6</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>7</p><a href="#">back to top</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<label>Scroll to the #<input type="text" value="3" /> element inside this container<button>Scroll</button></label>
|
|
||||||
<div id="x" class="container">
|
|
||||||
<ul style="width:4820px;">
|
|
||||||
<li style="background-color:#9933CC;"><p>0</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>1</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>2</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>3</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>4</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>5</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>6</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>7</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#9933CC;"><p>8</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>9</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>10</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>11</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>12</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>13</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>14</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>15</p><a href="#">back to start</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<label>Scroll to the #<input type="text" value="16" /> element inside this container<button>Scroll</button></label>
|
|
||||||
<div id="xy" class="container">
|
|
||||||
<ul style="width:1500px;">
|
|
||||||
<li style="background-color:#9933CC;"><p>0</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>1</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>2</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>3</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>4</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>5</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>6</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>7</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#9933CC;"><p>8</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>9</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>10</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>11</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>12</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>13</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>14</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>15</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#9933CC;"><p>16</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>17</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>18</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>19</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>20</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>21</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>22</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>23</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#9933CC;"><p>24</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>25</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>26</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>27</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>28</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>29</p><a href="#">back to start</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="pane" style="background-color:#000000;margin-top:40px;"></div>
|
|
||||||
<div class="pane" style="background-color:#333333;"></div>
|
|
||||||
<div class="pane" style="background-color:#666666;"></div>
|
|
||||||
<div class="pane" style="background-color:#999999;"></div>
|
|
||||||
<div class="pane" style="background-color:#CCCCCC;"></div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-21
@@ -1,21 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Element MaxY - Compat Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Element MaxY - Compat Mode</h1>
|
|
||||||
|
|
||||||
<div id="viewport" style="width:600px;height:500px;overflow: auto">
|
|
||||||
<div id="ua" style="height:1500px; width:500px; padding:0 40px; background-color:#AAA">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('#viewport').test();
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
-20
@@ -1,20 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Element MaxY - Quirks Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Element MaxY - Quirks Mode</h1>
|
|
||||||
|
|
||||||
<div id="viewport" style="width:600px;height:500px;overflow: auto">
|
|
||||||
<div id="ua" style="height:1500px; width:500px; padding:0 40px; background-color:#AAA">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('#viewport').test();
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
-19
@@ -1,19 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY - Compat Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY - Compat Mode</h1>
|
|
||||||
|
|
||||||
<div id="ua" style="height:1500px; width:500px; padding:0 50px; background-color:#AAA">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).test();
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
-18
@@ -1,18 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY - Quirks Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY - Quirks Mode</h1>
|
|
||||||
|
|
||||||
<div id="ua" style="height:1500px; width:500px; padding:0 50px; background-color:#AAA">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).test();
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
Generated
Vendored
-20
@@ -1,20 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY to Iframe - Compat Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY to Iframe - Compat Mode</h1>
|
|
||||||
|
|
||||||
<iframe src="WinMaxY-compat.html?notest" style="width:500px" /></iframe>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
setTimeout(function(){
|
|
||||||
$('iframe').test();
|
|
||||||
}, 1500 );
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
Generated
Vendored
-19
@@ -1,19 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY to Iframe - Quirks Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY to Iframe - Quirks Mode</h1>
|
|
||||||
|
|
||||||
<iframe src="WinMaxY-quirks.html?notest" style="width:500px"></iframe>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
setTimeout(function(){
|
|
||||||
$('iframe').test();
|
|
||||||
}, 1500 );
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
Generated
Vendored
-11
@@ -1,11 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY with Iframe - Compat Mode</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY with Iframe - Compat Mode</h1>
|
|
||||||
|
|
||||||
<iframe src="WinMaxY-compat.html" />
|
|
||||||
</html>
|
|
||||||
Generated
Vendored
-10
@@ -1,10 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY with Iframe - Quirks Mode</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY with Iframe - Quirks Mode</h1>
|
|
||||||
|
|
||||||
<iframe src="WinMaxY-quirks.html" />
|
|
||||||
</html>
|
|
||||||
-24
@@ -1,24 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo Tests</title>
|
|
||||||
<meta name="keywords" content="javascript, jquery, plugins, scroll, scrollTo, smooth, animation, to, effect, ariel, flesler, window, overflow, element, navigation, customizable" />
|
|
||||||
<meta name="description" content="Tests for jQuery ScrollTo. Made by Ariel Flesler." />
|
|
||||||
<meta name="robots" content="index,follow" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo Tests</h1>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><a href="WinMaxY-compat.html">Max window scrolling (compat mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-quirks.html">Max window scrolling (quirks mode)</a></li>
|
|
||||||
<li><a href="ElemMaxY-compat.html">Max element scrolling (compat mode)</a></li>
|
|
||||||
<li><a href="ElemMaxY-quirks.html">Max element scrolling (quirks mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-with-iframe-compat.html">Max window scrolling, within an iframe (compat mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-with-iframe-quirks.html">Max window scrolling, within an iframe (quirks mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-to-iframe-compat.html">Max iframe scrolling from outside (compat mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-to-iframe-quirks.html">Max iframe scrolling from outside (quirks mode)</a></li>
|
|
||||||
</ul>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-426
@@ -1,426 +0,0 @@
|
|||||||
# Markdown is broken
|
|
||||||
|
|
||||||
I have a lot of scraps of markdown engine oddities that I've collected over the
|
|
||||||
years. What you see below is slightly messy, but it's what I've managed to
|
|
||||||
cobble together to illustrate the differences between markdown engines, and
|
|
||||||
why, if there ever is a markdown specification, it has to be absolutely
|
|
||||||
thorough. There are a lot more of these little differences I have documented
|
|
||||||
elsewhere. I know I will find them lingering on my disk one day, but until
|
|
||||||
then, I'll continue to add whatever strange nonsensical things I find.
|
|
||||||
|
|
||||||
Some of these examples may only mention a particular engine compared to marked.
|
|
||||||
However, the examples with markdown.pl could easily be swapped out for
|
|
||||||
discount, upskirt, or markdown.js, and you would very easily see even more
|
|
||||||
inconsistencies.
|
|
||||||
|
|
||||||
A lot of this was written when I was very unsatisfied with the inconsistencies
|
|
||||||
between markdown engines. Please excuse the frustration noticeable in my
|
|
||||||
writing.
|
|
||||||
|
|
||||||
## Examples of markdown's "stupid" list parsing
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
|
|
||||||
* item1
|
|
||||||
|
|
||||||
* item2
|
|
||||||
|
|
||||||
text
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>item1</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>item2</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p><p>text</p></li>
|
|
||||||
</ul></p>
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
```
|
|
||||||
$ marked
|
|
||||||
* item1
|
|
||||||
|
|
||||||
* item2
|
|
||||||
|
|
||||||
text
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>item1</p>
|
|
||||||
<ul>
|
|
||||||
<li>item2</li>
|
|
||||||
</ul>
|
|
||||||
<p>text</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<p><ul>
|
|
||||||
<li>hello</p>
|
|
||||||
|
|
||||||
<blockquote>
|
|
||||||
<p>world</li>
|
|
||||||
</ul></p>
|
|
||||||
</blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
```
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello<blockquote>
|
|
||||||
<p>world</p>
|
|
||||||
</blockquote>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Again, which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
EXAMPLE:
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
* world
|
|
||||||
* hi
|
|
||||||
code
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello
|
|
||||||
<ul>
|
|
||||||
<li>world</li>
|
|
||||||
<li>hi
|
|
||||||
code</li>
|
|
||||||
</ul></li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
The code isn't a code block even though it's after the bullet margin. I know,
|
|
||||||
lets give it two more spaces, effectively making it 8 spaces past the bullet.
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
* world
|
|
||||||
* hi
|
|
||||||
code
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello
|
|
||||||
<ul>
|
|
||||||
<li>world</li>
|
|
||||||
<li>hi
|
|
||||||
code</li>
|
|
||||||
</ul></li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
And, it's still not a code block. Did you also notice that the 3rd item isn't
|
|
||||||
even its own list? Markdown screws that up too because of its indentation
|
|
||||||
unaware parsing.
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
Let's look at some more examples of markdown's list parsing:
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
|
|
||||||
* item1
|
|
||||||
|
|
||||||
* item2
|
|
||||||
|
|
||||||
text
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>item1</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>item2</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p><p>text</p></li>
|
|
||||||
</ul></p>
|
|
||||||
```
|
|
||||||
|
|
||||||
Misnested tags.
|
|
||||||
|
|
||||||
|
|
||||||
```
|
|
||||||
$ marked
|
|
||||||
* item1
|
|
||||||
|
|
||||||
* item2
|
|
||||||
|
|
||||||
text
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>item1</p>
|
|
||||||
<ul>
|
|
||||||
<li>item2</li>
|
|
||||||
</ul>
|
|
||||||
<p>text</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<p><ul>
|
|
||||||
<li>hello</p>
|
|
||||||
|
|
||||||
<blockquote>
|
|
||||||
<p>world</li>
|
|
||||||
</ul></p>
|
|
||||||
</blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
More misnested tags.
|
|
||||||
|
|
||||||
|
|
||||||
```
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello<blockquote>
|
|
||||||
<p>world</p>
|
|
||||||
</blockquote>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Again, which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
# Why quality matters - Part 2
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<p><ul>
|
|
||||||
<li>hello</p>
|
|
||||||
|
|
||||||
<blockquote>
|
|
||||||
<p>world</li>
|
|
||||||
</ul></p>
|
|
||||||
</blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ sundown # upskirt
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello
|
|
||||||
> world</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<ul><li>hello <blockquote><p>world</p></blockquote></li></ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
See: https://github.com/evilstreak/markdown-js/issues/23
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.pl # upskirt/markdown.js/discount
|
|
||||||
* hello
|
|
||||||
var a = 1;
|
|
||||||
* world
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello
|
|
||||||
var a = 1;</li>
|
|
||||||
<li>world</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
var a = 1;
|
|
||||||
* world
|
|
||||||
^D
|
|
||||||
<ul><li>hello
|
|
||||||
<pre>code>var a = 1;</code></pre></li>
|
|
||||||
<li>world</li></ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Which looks more reasonable? Why shouldn't code blocks be able to appear in
|
|
||||||
list items in a sane way?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.js
|
|
||||||
<div>hello</div>
|
|
||||||
|
|
||||||
<span>hello</span>
|
|
||||||
^D
|
|
||||||
<p><div>hello</div></p>
|
|
||||||
|
|
||||||
<p><span>hello</span></p>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
<div>hello</div>
|
|
||||||
|
|
||||||
<span>hello</span>
|
|
||||||
^D
|
|
||||||
<div>hello</div>
|
|
||||||
|
|
||||||
|
|
||||||
<p><span>hello</span>
|
|
||||||
</p>
|
|
||||||
```
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
See: https://github.com/evilstreak/markdown-js/issues/27
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.js
|
|
||||||
[](/link)
|
|
||||||
^D
|
|
||||||
<p><a href="/image)](/link">](/link)
|
|
||||||
^D
|
|
||||||
<p><a href="/link"><img src="/image" alt="an image"></a>
|
|
||||||
</p>
|
|
||||||
```
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
See: https://github.com/evilstreak/markdown-js/issues/24
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.js
|
|
||||||
> a
|
|
||||||
|
|
||||||
> b
|
|
||||||
|
|
||||||
> c
|
|
||||||
^D
|
|
||||||
<blockquote><p>a</p><p>bundefined> c</p></blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
> a
|
|
||||||
|
|
||||||
> b
|
|
||||||
|
|
||||||
> c
|
|
||||||
^D
|
|
||||||
<blockquote><p>a
|
|
||||||
|
|
||||||
</p></blockquote>
|
|
||||||
<blockquote><p>b
|
|
||||||
|
|
||||||
</p></blockquote>
|
|
||||||
<blockquote><p>c
|
|
||||||
</p></blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
* world
|
|
||||||
how
|
|
||||||
|
|
||||||
are
|
|
||||||
you
|
|
||||||
|
|
||||||
* today
|
|
||||||
* hi
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>hello</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>world
|
|
||||||
how</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p>are
|
|
||||||
you</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>today</li>
|
|
||||||
</ul></li>
|
|
||||||
<li>hi</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
* world
|
|
||||||
how
|
|
||||||
|
|
||||||
are
|
|
||||||
you
|
|
||||||
|
|
||||||
* today
|
|
||||||
* hi
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>hello</p>
|
|
||||||
<ul>
|
|
||||||
<li><p>world
|
|
||||||
how</p>
|
|
||||||
<p>are
|
|
||||||
you</p>
|
|
||||||
</li>
|
|
||||||
<li><p>today</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>hi</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
-2
@@ -1,2 +0,0 @@
|
|||||||
# Todo
|
|
||||||
|
|
||||||
-8
@@ -1,8 +0,0 @@
|
|||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Awesome page</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
hello world!
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-8
@@ -1,8 +0,0 @@
|
|||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Other page</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
hello there!
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-5
@@ -1,5 +0,0 @@
|
|||||||
Bootstrap uses [GitHub's Releases feature](https://github.com/blog/1547-release-your-software) for its changelogs.
|
|
||||||
|
|
||||||
See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap.
|
|
||||||
|
|
||||||
Release announcement posts on [the official Bootstrap blog](http://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release.
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
\foo
|
|
||||||
-6
@@ -1,6 +0,0 @@
|
|||||||
<li><a href="foo">foo</li>
|
|
||||||
<li><a href="bar">bar</li>
|
|
||||||
<li><a href="baz">baz</li>
|
|
||||||
<li><a href="qux">qux</li>
|
|
||||||
<li><a href="fee">fee</li>
|
|
||||||
<li><a href="bah">not a // comment</a></li>
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
foo
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<p>loki's "wheelchair"</p>
|
|
||||||
-4
@@ -1,4 +0,0 @@
|
|||||||
<ul>
|
|
||||||
<p>Hello world!</p>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-4
@@ -1,4 +0,0 @@
|
|||||||
<style>body {
|
|
||||||
foo: 'bar';
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
-12
@@ -1,12 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
<li>geddy</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>neil</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>alex</li>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<p>Old</p>
|
|
||||||
Generated
Vendored
-4
@@ -1,4 +0,0 @@
|
|||||||
<style>body {
|
|
||||||
foo: 'bar';
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
-12
@@ -1,12 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
<li>geddy</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>neil</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>alex</li>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
Generated
Vendored
-1
@@ -1 +0,0 @@
|
|||||||
<p>Old</p>
|
|
||||||
Generated
Vendored
-5
@@ -1,5 +0,0 @@
|
|||||||
<div>
|
|
||||||
12
|
|
||||||
3
|
|
||||||
45
|
|
||||||
</div>
|
|
||||||
-3
@@ -1,3 +0,0 @@
|
|||||||
<pre>There should be a space followed by a less-than sign and then two more
|
|
||||||
spaces in the next line:
|
|
||||||
< .</pre>
|
|
||||||
-9
@@ -1,9 +0,0 @@
|
|||||||
<li><a href="//foo">Foo</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//bar">Bar</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//baz">Baz</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
-8
@@ -1,8 +0,0 @@
|
|||||||
<li><a href="//foo">Foo</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//bar">Bar</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//baz">Baz</a>
|
|
||||||
</li>
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<ul><li>geddy</li><li>neil</li><li>alex</li></ul>
|
|
||||||
-9
@@ -1,9 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
<li>geddy</li>
|
|
||||||
|
|
||||||
<li>neil</li>
|
|
||||||
|
|
||||||
<li>alex</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-4
@@ -1,4 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-5
@@ -1,5 +0,0 @@
|
|||||||
<ul>
|
|
||||||
<li>geddy</li>
|
|
||||||
<li>neil</li>
|
|
||||||
<li>alex</li>
|
|
||||||
</ul>
|
|
||||||
-3
@@ -1,3 +0,0 @@
|
|||||||
This document does not use semicolons in scriptlets.
|
|
||||||
|
|
||||||
The value of c is: c
|
|
||||||
-8
@@ -1,8 +0,0 @@
|
|||||||
<tag1>
|
|
||||||
<tag2>
|
|
||||||
A very long piece of text very long piece of text very long piece of
|
|
||||||
text very long piece of text very long piece of
|
|
||||||
text very long piece oftext very long
|
|
||||||
adsffadsfadsfadfpiece of text.
|
|
||||||
Text again.
|
|
||||||
Another text. c
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<p>loki's wheelchair</p>
|
|
||||||
-5
@@ -1,5 +0,0 @@
|
|||||||
<ul>
|
|
||||||
<li>geddy</li>
|
|
||||||
<li>neil</li>
|
|
||||||
<li>alex</li>
|
|
||||||
</ul>
|
|
||||||
-186
@@ -1,186 +0,0 @@
|
|||||||
# Changelog
|
|
||||||
|
|
||||||
## 2.1.2
|
|
||||||
### Fix
|
|
||||||
- Plugin won't break if an empty jQuery object is passed, it's now consistent with selector target #121
|
|
||||||
### Docs
|
|
||||||
- Converted the CHANGELOG to Markdown
|
|
||||||
|
|
||||||
## 2.1.1
|
|
||||||
### Fix
|
|
||||||
- Slight change so define function is not minified (#91)
|
|
||||||
|
|
||||||
## 2.1.0
|
|
||||||
### Enhancement
|
|
||||||
- Avoid animating a needless axis
|
|
||||||
### Feature
|
|
||||||
- Implemented interrupt setting, if true will stop animating on user (manual) scroll (#67)
|
|
||||||
|
|
||||||
## 2.0.1
|
|
||||||
### Fix
|
|
||||||
- Fixed "queue" setting conflicts with $().animate(), forced to always get there as true
|
|
||||||
|
|
||||||
## 2.0.0
|
|
||||||
### Feature
|
|
||||||
- All settings are passed to jQuery.animate() meaning it now supports even more settings
|
|
||||||
### Enhancement
|
|
||||||
- $(window)._scrollable() is no longer needed, the element is always the window
|
|
||||||
- Delegating to jQuery the get/set of element/window scroll positions.
|
|
||||||
### Compat
|
|
||||||
- Dropped support for $.scrollTo.window() and $(window)._scrollable()
|
|
||||||
### Fix
|
|
||||||
- Now works consistenly on Chrome 40
|
|
||||||
- Now works correctly on Windows Phone
|
|
||||||
- Now works correctly on Android Browsers
|
|
||||||
- Now works correctly on iOS Browsers
|
|
||||||
|
|
||||||
## 1.4.14
|
|
||||||
###Misc
|
|
||||||
- Internal both() function will handle nulls correctly
|
|
||||||
|
|
||||||
## 1.4.13
|
|
||||||
###Misc
|
|
||||||
- Support for CommonJS / NPM added by durango
|
|
||||||
|
|
||||||
## 1.4.12
|
|
||||||
### Fix
|
|
||||||
- Fixed selector matching body fails on window scrolling
|
|
||||||
|
|
||||||
## 1.4.11
|
|
||||||
###Misc
|
|
||||||
- Reverted changes from 1.4.10
|
|
||||||
|
|
||||||
## 1.4.10
|
|
||||||
### Enhancement
|
|
||||||
- Giving the plugin an AMD module id so it can be required (f.e by localScroll)
|
|
||||||
|
|
||||||
## 1.4.9
|
|
||||||
### Enhancement
|
|
||||||
- "offset" setting can now be a function as well (#60)
|
|
||||||
|
|
||||||
## 1.4.8
|
|
||||||
### Enhancement
|
|
||||||
- Added support for AMD
|
|
||||||
|
|
||||||
## 1.4.7
|
|
||||||
###Misc
|
|
||||||
- Changed spacing
|
|
||||||
- Changed licensing to MIT
|
|
||||||
- Repo is compliant with official jquery plugins repository
|
|
||||||
|
|
||||||
## 1.4.6
|
|
||||||
### Fix
|
|
||||||
- Fixed first argument of onAfter and onAfterFirst was original target and should be "parsed" target
|
|
||||||
|
|
||||||
## 1.4.5
|
|
||||||
### Fix
|
|
||||||
- Fixed passing a negative scroll value crashes
|
|
||||||
|
|
||||||
## 1.4.4
|
|
||||||
###Change
|
|
||||||
- Re-released as 1.4.4 to avoid issues with bower
|
|
||||||
|
|
||||||
## 1.4.3.1
|
|
||||||
### Fix
|
|
||||||
- Fixed $.scrollTo(0) broken on 1.4.3
|
|
||||||
|
|
||||||
## 1.4.3
|
|
||||||
### Enhancement
|
|
||||||
- Limit calculations can be disabled by setting the option 'limit' to false.
|
|
||||||
- Null target or unmatching selector don't break and fail silently
|
|
||||||
###Misc
|
|
||||||
- Removed support for the deprecated setting 'speed'
|
|
||||||
### Fix
|
|
||||||
- Removed $.browser.webkit so the plugin works with jQuery +1.8
|
|
||||||
|
|
||||||
## 1.4.2
|
|
||||||
### Feature
|
|
||||||
- The plugin support percentages as target ('50%' or {top:'50%', left:'45%'})
|
|
||||||
- Exposed the max() calculation as $.scrollTo.max
|
|
||||||
### Enhancement
|
|
||||||
- Renamed $.fn.scrollable to $.fn._scrollable to avoid conflicts with other plugins
|
|
||||||
### Fix
|
|
||||||
- Fixing max calculations for regular DOM elements
|
|
||||||
|
|
||||||
## 1.4.1
|
|
||||||
### Feature
|
|
||||||
- The target can be 'max' to scroll to the end while keeping it elegant.
|
|
||||||
### Enhancement
|
|
||||||
- Default duration is 0 for jquery +1.3. Means sync animation
|
|
||||||
- The plugin works on all major browsers, on compat & quirks modes, including iframes.
|
|
||||||
- In addition to window/document, if html or body are received, the plugin will choose the right one.
|
|
||||||
### Fix
|
|
||||||
- The plugin accepts floating numbers, Thanks Ramin
|
|
||||||
- Using jQuery.nodeName where neccessary so that this works on xml+xhtml
|
|
||||||
- The max() internal function wasn't completely accurrate, now it is 98% (except for IE on quirks mode and it's not too noticeable).
|
|
||||||
|
|
||||||
## 1.4
|
|
||||||
### Fix
|
|
||||||
- Fixed the problem when scrolling the window to absolute positioned elements on Safari.
|
|
||||||
- Fixed the problem on Opera 9.5 when scrolling the window. That it always scrolls to 0.
|
|
||||||
### Feature
|
|
||||||
- Added the settings object as 2nd argument to the onAfter callback.
|
|
||||||
- The 3rd argument of scrollTo can be just a function and it's used as the onAfter.
|
|
||||||
- Added full support for iframes (even max scroll calculation).
|
|
||||||
- Instead of $.scrollTo, $(window).scrollTo() and $(document).scrollTo() can be used.
|
|
||||||
- Added $().scrollable() that returns the real element to scroll, f.e: $(window).scrollable() == ###body|html], works for iframes
|
|
||||||
### Enhancement
|
|
||||||
- Cleaned the code a bit, specially the comments
|
|
||||||
|
|
||||||
## 1.3.3
|
|
||||||
###Change
|
|
||||||
- Changed the licensing from GPL to GPL+MIT.
|
|
||||||
|
|
||||||
## 1.3.2
|
|
||||||
### Enhancement
|
|
||||||
- Small improvements to make the code shorter.
|
|
||||||
###Change
|
|
||||||
- Removed the last argument received by onAfter as it was the same as the 'this' but jqueryfied.
|
|
||||||
|
|
||||||
## 1.3.1
|
|
||||||
### Feature
|
|
||||||
- Exposed $.scrollTo.window() to get the element that needs to be animated, to scroll the window.
|
|
||||||
- Added option 'over'.
|
|
||||||
### Enhancement
|
|
||||||
- Made the code as short as possible.
|
|
||||||
###Change
|
|
||||||
- Changed the arguments received by onAfter
|
|
||||||
|
|
||||||
## 1.3
|
|
||||||
### Enhancement
|
|
||||||
- Added semicolon to the start, for safe file concatenation
|
|
||||||
- Added a limit check, values below 0 or over the maximum are fixed.
|
|
||||||
- Now it should work faster, only one of html or body go through all the processing, instead of both for all browsers.
|
|
||||||
### Fix
|
|
||||||
- Fixed the behavior for Opera, which seemed to react to both changes on <html> and <body>.
|
|
||||||
- The border is also reduced, when 'margin' is set to true.
|
|
||||||
###Change
|
|
||||||
- The option speed has been renamed to duration.
|
|
||||||
### Feature
|
|
||||||
- The duration can be specified with a number as 2nd argument, and the rest of the settings as the third ( like $().animate )
|
|
||||||
- Remade the demo
|
|
||||||
|
|
||||||
#### 1.2.4
|
|
||||||
### Enhancement
|
|
||||||
- The target can be in the form of { top:x, left:y } allowing different position for each axis.
|
|
||||||
### Feature
|
|
||||||
- The option 'offset' has been added, to scroll behind or past the target. Can be a number(both axes) or { top:x, left:y }.
|
|
||||||
|
|
||||||
#### 1.2.3
|
|
||||||
### Feature
|
|
||||||
- Exposed the defaults.
|
|
||||||
### Enhancement
|
|
||||||
- Made the callback functions receive more parameters.
|
|
||||||
|
|
||||||
#### 1.2.2
|
|
||||||
### Fix
|
|
||||||
- Fixed a bug, I didn't have to add the scrolled amount if it was body or html.
|
|
||||||
|
|
||||||
## 1.2
|
|
||||||
###Change
|
|
||||||
- The option 'onafter' is now called 'onAfter'.
|
|
||||||
### Feature
|
|
||||||
- Two axes can be scrolled together, this is set with the option 'axis'.
|
|
||||||
- In case 2 axes are chosen, the scrolling can be queued: one scrolls, and then the other.
|
|
||||||
- There's an intermediary event, 'onAfterFirst' called in case the axes are queued, after the first ends.
|
|
||||||
- If the option 'margin' is set to true, the plugin will take in account, the margin of the target(no use if target is a value).
|
|
||||||
-252
@@ -1,252 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo</title>
|
|
||||||
<meta name="keywords" content="javascript, jquery, plugins, scroll, scrollTo, smooth, animation, to, effect, ariel, flesler, window, overflow, element, navigation, customizable" />
|
|
||||||
<meta name="description" content="Demo of jQuery.scrollTo. Lightweight, cross-browser and highly customizable animated scrolling with jQuery, made by Ariel Flesler." />
|
|
||||||
<meta name="robots" content="index,follow" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="css/style.css" />
|
|
||||||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.min.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
jQuery(function( $ ){
|
|
||||||
/**
|
|
||||||
* Demo binding and preparation, no need to read this part
|
|
||||||
*/
|
|
||||||
//borrowed from jQuery easing plugin
|
|
||||||
//http://gsgd.co.uk/sandbox/jquery.easing.php
|
|
||||||
$.easing.elasout = function(x, t, b, c, d) {
|
|
||||||
var s=1.70158;var p=0;var a=c;
|
|
||||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
|
||||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
||||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
|
||||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
|
||||||
};
|
|
||||||
$('a.back').click(function() {
|
|
||||||
$(this).parents('div.pane').scrollTo(0, 800, { queue:true });
|
|
||||||
$(this).parents('div.section').find('span.message').text( this.title);
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
//just for the example, to stop the click on the links.
|
|
||||||
$('ul.links').click(function(e){
|
|
||||||
var link = e.target;
|
|
||||||
if (link.target === '_blank') {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
e.preventDefault();
|
|
||||||
link.blur();
|
|
||||||
if (link.title) {
|
|
||||||
$(this).parent().find('span.message').text(link.title);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// This one is important, many browsers don't reset scroll on refreshes
|
|
||||||
// Reset all scrollable panes to (0,0)
|
|
||||||
$('div.pane').scrollTo(0);
|
|
||||||
// Reset the screen to (0,0)
|
|
||||||
$.scrollTo(0);
|
|
||||||
|
|
||||||
// TOC, shows how to scroll the whole window
|
|
||||||
$('#toc a').click(function() {//$.scrollTo works EXACTLY the same way, but scrolls the whole screen
|
|
||||||
$.scrollTo(this.hash, 1500, { easing:'elasout' });
|
|
||||||
$(this.hash).find('span.message').text(this.title);
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Target examples bindings
|
|
||||||
var $target = $('#pane-target');
|
|
||||||
$('#target-examples a').click(function() {
|
|
||||||
$target.stop(true);
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#relative-selector').click(function() {
|
|
||||||
$target.scrollTo('li:eq(7)', 800);
|
|
||||||
});
|
|
||||||
$('#jquery-object').click(function() {
|
|
||||||
$target.scrollTo($('#pane-target li:eq(14)') , 800);
|
|
||||||
});
|
|
||||||
$('#dom-element').click(function() {
|
|
||||||
$target.scrollTo(document.getElementById('twenty'), 800);
|
|
||||||
});
|
|
||||||
$('#absolute-number').click(function() {
|
|
||||||
$target.scrollTo(150, 800);
|
|
||||||
});
|
|
||||||
$('#absolute-number-hash').click(function() {
|
|
||||||
$target.scrollTo({ top:800, left:700}, 800);
|
|
||||||
});
|
|
||||||
$('#absolute-px').click(function() {
|
|
||||||
$target.scrollTo('520px', 800);
|
|
||||||
});
|
|
||||||
$('#absolute-px-hash').click(function() {
|
|
||||||
$target.scrollTo({top:'110px', left:'290px'}, 800);
|
|
||||||
});
|
|
||||||
$('#relative-px').click(function() {
|
|
||||||
$target.scrollTo('+=100', 500);
|
|
||||||
});
|
|
||||||
$('#relative-px-hash').click(function() {
|
|
||||||
$target.scrollTo({top:'-=100px', left:'+=100'}, 500);
|
|
||||||
});
|
|
||||||
$('#percentage-px').click(function() {
|
|
||||||
$target.scrollTo('50%', 800);
|
|
||||||
});
|
|
||||||
$('#percentage-px-hash').click(function() {
|
|
||||||
$target.scrollTo({top:'50%', left:'20%'}, 800);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Settings examples bindings, they will all scroll to the same place, with different settings
|
|
||||||
var $settings = $('#pane-settings');
|
|
||||||
$('#settings-examples a').click(function() {
|
|
||||||
// before each animation, reset to (0,0), skip this.
|
|
||||||
$settings.stop(true).scrollTo(0);
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#settings-no').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000);
|
|
||||||
});
|
|
||||||
$('#settings-axis').click(function() {// only scroll horizontally
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { axis:'x' });
|
|
||||||
});
|
|
||||||
$('#settings-duration').click(function() {// it's the same as specifying it in the 2nd argument
|
|
||||||
$settings.scrollTo('li:eq(15)', { duration: 3000 });
|
|
||||||
});
|
|
||||||
$('#settings-easing').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 2500, { easing:'elasout' });
|
|
||||||
});
|
|
||||||
$('#settings-margin').click(function() {//scroll to the "outer" position of the element
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { margin:true });
|
|
||||||
});
|
|
||||||
$('#settings-offset').click(function() {//same as { top:-50, left:-50 }
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { offset:-50 });
|
|
||||||
});
|
|
||||||
$('#settings-offset-hash').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { offset:{ top:-5, left:-30 } });
|
|
||||||
});
|
|
||||||
$('#settings-offset-function').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, {offset: function() { return {top:-30, left:-5}; }});
|
|
||||||
});
|
|
||||||
$('#settings-over').click(function() {//same as { top:-50, left:-50 }
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { over:0.5 });
|
|
||||||
});
|
|
||||||
$('#settings-over-hash').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 1000, { over:{ top:0.2, left:-0.5 } });
|
|
||||||
});
|
|
||||||
$('#settings-interrupt').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 10000, { interrupt:true });
|
|
||||||
});
|
|
||||||
$('#settings-queue').click(function() {//in this case, having 'axis' as 'xy' or 'yx' matters.
|
|
||||||
$settings.scrollTo('li:eq(15)', 2000, { queue:true });
|
|
||||||
});
|
|
||||||
$('#settings-onAfter').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 2000, {
|
|
||||||
onAfter:function() {
|
|
||||||
$('#settings-message').text('Got there!');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
$('#settings-onAfterFirst').click(function() {//onAfterFirst exists only when queuing
|
|
||||||
$settings.scrollTo('li:eq(15)', 1600, {
|
|
||||||
queue:true,
|
|
||||||
onAfterFirst:function() {
|
|
||||||
$('#settings-message').text('Got there horizontally!');
|
|
||||||
},
|
|
||||||
onAfter:function() {
|
|
||||||
$('#settings-message').text('Got there vertically!');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
$('#settings-step').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 2000, {step:function(now) {
|
|
||||||
$('#settings-message').text(now.toFixed(2));
|
|
||||||
}});
|
|
||||||
});
|
|
||||||
$('#settings-progress').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 2000, {progress:function(_, now) {
|
|
||||||
$('#settings-message').text(Math.round(now*100) + '%');
|
|
||||||
}});
|
|
||||||
});
|
|
||||||
$('#settings-fail').click(function() {
|
|
||||||
$settings.scrollTo('li:eq(15)', 10000, {interrupt:true, fail:function() {
|
|
||||||
$('#settings-message').text('Scroll interrupted!');
|
|
||||||
}});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo <strong>by Ariel Flesler</strong></h1>
|
|
||||||
|
|
||||||
<div id="toc" class="part">
|
|
||||||
<h3>Table of contents <strong>(try these)</strong></h3>
|
|
||||||
<ul>
|
|
||||||
<li><a title="$.scrollTo('#target-examples', 800, {easing:'elasout'});" href="#target-examples">Ways to specify the target</a></li>
|
|
||||||
<li><a title="$.scrollTo('#settings-examples', 800, {easing:'elasout'});" href="#settings-examples">Settings</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="links" class="part">
|
|
||||||
<h3>Links</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a target="_blank" href="https://github.com/flesler/jquery.scrollTo">Github</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html">Main blog article</a></li>
|
|
||||||
<li><a target="_blank" href="http://demos.flesler.com/jquery/localScroll/">LocalScroll Demo</a></li>
|
|
||||||
<li><a target="_blank" href="http://demos.flesler.com/jquery/serialScroll/">SerialScroll Demo</a></li>
|
|
||||||
<li><a target="_blank" href="index.old.html">Old Demo</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div id="target-examples" class="section part">
|
|
||||||
<h3>Ways to specify the target <span id="target-message" class="message">Click an option, to see it in action</span></h3>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(7)', 800);" id="relative-selector" href="#">Relative selector</a></li>
|
|
||||||
<li><a title="$(...).scrollTo($('div li:eq(14)'), 800);" id="jquery-object" href="#">jQuery object</a></li>
|
|
||||||
<li><a title="$(...).scrollTo(document.getElementById('twenty'), 800);" id="dom-element" href="#">DOM Element</a></li>
|
|
||||||
<li><a title="$(...).scrollTo(150, 800);" id="absolute-number" href="#">Absolute number</a></li>
|
|
||||||
<li><a title="$(...).scrollTo({ top:800, left:700}, 800);" id="absolute-number-hash" href="#">Absolute number(hash)</a></li>
|
|
||||||
</ul>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a title="$(...).scrollTo('520px', 800);" id="absolute-px" href="#">Absolute px</a></li>
|
|
||||||
<li><a title="$(...).scrollTo({top:'110px', left:'290px'}, 800);" id="absolute-px-hash" href="#">Absolute px(hash)</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('+=100px', 800);" id="relative-px" href="#">Relative px</a></li>
|
|
||||||
<li><a title="$(...).scrollTo({top:'-=100px', left:'+=100'}, 800);" id="relative-px-hash" href="#">Relative px(hash)</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('50%', 800);" id="percentage-px" href="#">Percent</a></li>
|
|
||||||
<li><a title="$(...).scrollTo({top:'50%', left:'20%'}, 800);" id="percentage-px-hash" href="#">Percent(hash)</a></li>
|
|
||||||
</ul>
|
|
||||||
<div id="pane-target" class="pane">
|
|
||||||
<ul class="elements" style="height:1011px; width:1820px;">
|
|
||||||
<li><p>0</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>1</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>2</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>3</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>4</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>5</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>6</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>7</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>8</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>9</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>10</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>11</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>12</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>13</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>14</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>15</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>16</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>17</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>18</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>19</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li id="twenty"><p>20</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>21</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>22</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>23</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>24</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>25</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>26</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>27</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>28</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>29</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="settings-examples" class="section part">
|
|
||||||
<h3>Settings <span id="settings-message" class="message">The examples shown here, are summarized for brevity</span></h3>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000);" id="settings-no" href="#">no settings</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {axis:'x'});//only scroll on this axis (can be x, y, xy or yx)" id="settings-axis" href="#">axis</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {margin:true});//deduct the margin and border from the final position" id="settings-margin" href="#">margin</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {offset:-50});//add or deduct from the final position" id="settings-offset" href="#">offset</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {offset: {top:-5, left:-30} });" id="settings-offset-hash" href="#">offset(hash)</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {offset: function() { return {top:-30, left:-5}; }});" id="settings-offset-function" href="#">offset(function)</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {over:0.5});//add or deduct a fraction of its height/width" id="settings-over" href="#">over</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1000, {over:{top:0.2, left:-0.5});" id="settings-over-hash" href="#">over(hash)</a></li>
|
|
||||||
<li><a title="Scroll manually to interrupt the animation" id="settings-interrupt" href="#">interrupt</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1600, {onAfter:function() { } });//called after the scrolling ends" id="settings-onAfter" href="#">onAfter</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1600, {queue:true, onAfterFirst:function() { } });//called after the first axis scrolled" id="settings-onAfterFirst" href="#">onAfterFirst</a></li>
|
|
||||||
</ul>
|
|
||||||
<h4>Settings inherited from <a href="http://api.jquery.com/animate/#animate-properties-options" target="_blank">$().animate()</a></h4>
|
|
||||||
<ul class="links">
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', {duration:3000});//another way of calling the plugin" id="settings-duration" href="#">duration</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 2500, {easing:'elasout'});//specify an easing equation" id="settings-easing" href="#">easing</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 1600, {queue:true});//scroll one axis, then the other" id="settings-queue" href="#">queue</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 2500, {step:function() { }'});//specify a step function" id="settings-step" href="#">step</a></li>
|
|
||||||
<li><a title="$(...).scrollTo('li:eq(15)', 2500, {progress:function() { }'});//specify a progress function" id="settings-progress" href="#">progress</a></li>
|
|
||||||
<li><a title="Scroll manually to interrupt and trigger the callback" id="settings-fail" href="#">fail</a></li>
|
|
||||||
<li><a href="http://api.jquery.com/animate/#animate-properties-options" target="_blank">more</a></li>
|
|
||||||
</ul>
|
|
||||||
<div id="pane-settings" class="pane">
|
|
||||||
<ul class="elements" style="height:1062px;width:1877px;">
|
|
||||||
<li><p>0</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>1</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>2</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>3</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>4</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>5</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>6</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>7</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>8</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>9</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>10</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>11</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>12</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>13</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>14</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>15</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>16</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>17</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>18</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>19</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>20</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>21</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>22</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>23</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>24</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>25</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>26</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>27</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>28</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li><li><p>29</p><a href="#" title="$(...).scrollTo(0, 800, {queue:true});" class="back">go back</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-128
@@ -1,128 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.ScrollTo</title>
|
|
||||||
<meta name="keywords" content="javascript, jquery, plugins, scroll, scrollTo, smooth, animation, to, effect, ariel, flesler, window, overflow, element, navigation, customizable" />
|
|
||||||
<meta name="description" content="Demo of jQuery.scrollTo. Lightweight, cross-browser and highly customizable animated scrolling with jQuery, made by Ariel Flesler." />
|
|
||||||
<meta name="robots" content="index,follow" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="css/style.old.css" />
|
|
||||||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript">
|
|
||||||
jQuery(function( $ ){
|
|
||||||
//borrowed from jQuery easing plugin
|
|
||||||
//http://gsgd.co.uk/sandbox/jquery.easing.php
|
|
||||||
$.easing.elasout = function(x, t, b, c, d) {
|
|
||||||
var s=1.70158;var p=0;var a=c;
|
|
||||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
|
||||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
|
||||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
|
||||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
|
||||||
};
|
|
||||||
$('button').click(function(){//this is not the cleanest way to do this, I'm just keeping it short.
|
|
||||||
var index = parseInt( $(this).prev('input').val() ) || 0;
|
|
||||||
var $c = $(this).parent().next();
|
|
||||||
$c.stop().scrollTo('li:eq('+index+')', {duration:2500, easing:'elasout',axis:$c.attr('id')});
|
|
||||||
});
|
|
||||||
$('#btn_screen').click(function(){
|
|
||||||
$.scrollTo( $('#txt_screen').val(), {duration:2500} );
|
|
||||||
});
|
|
||||||
$('div.container a').click(function(){
|
|
||||||
var $c = $(this).parents('.container');
|
|
||||||
$c.stop().scrollTo( 0, {duration:2000,axis:$c.attr('id'), queue:true} );
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.ScrollTo <strong>by Ariel Flesler</strong></h1>
|
|
||||||
<div id="links" class="part" style="width:135px">
|
|
||||||
<h3>Links</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a target="_blank" href="http://plugins.jquery.com/project/ScrollTo">Project Page</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.blogspot.com/2007/10/jqueryscrollto.html">Main blog article</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.blogspot.com/search/label/jQuery.ScrollTo">All articles</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.webs.com/jQuery.LocalScroll/">LocalScroll Demo</a></li>
|
|
||||||
<li><a target="_blank" href="http://flesler.webs.com/jQuery.SerialScroll/">SerialScroll Demo</a></li>
|
|
||||||
<li><a target="_blank" href="./" rel="prev" rev="next">New Demo</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<label for="txt_screen">Scroll the window to <input id="txt_screen" type="text" value=".pane:eq(1)" /><input id="btn_screen" type="button" value="Scroll" /></label><br /><br />
|
|
||||||
<label>Scroll to the #<input type="text" value="3" /> element inside this container<button>Scroll</button></label>
|
|
||||||
<div id="y" class="container">
|
|
||||||
<ul>
|
|
||||||
<li style="background-color:#9933CC;"><p>0</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>1</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>2</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>3</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>4</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>5</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>6</p><a href="#">back to top</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>7</p><a href="#">back to top</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<label>Scroll to the #<input type="text" value="3" /> element inside this container<button>Scroll</button></label>
|
|
||||||
<div id="x" class="container">
|
|
||||||
<ul style="width:4820px;">
|
|
||||||
<li style="background-color:#9933CC;"><p>0</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>1</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>2</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>3</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>4</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>5</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>6</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>7</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#9933CC;"><p>8</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>9</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>10</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>11</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>12</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>13</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>14</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>15</p><a href="#">back to start</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<label>Scroll to the #<input type="text" value="16" /> element inside this container<button>Scroll</button></label>
|
|
||||||
<div id="xy" class="container">
|
|
||||||
<ul style="width:1500px;">
|
|
||||||
<li style="background-color:#9933CC;"><p>0</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>1</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>2</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>3</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>4</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>5</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>6</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>7</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#9933CC;"><p>8</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>9</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>10</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>11</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>12</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>13</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>14</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>15</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#9933CC;"><p>16</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>17</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>18</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>19</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>20</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>21</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFFFCC;"><p>22</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FF00;"><p>23</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#9933CC;"><p>24</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FFCC99;"><p>25</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#FF0000;"><p>26</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#00FFCC;"><p>27</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#663366;"><p>28</p><a href="#">back to start</a></li>
|
|
||||||
<li style="background-color:#CCCCFF;"><p>29</p><a href="#">back to start</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="pane" style="background-color:#000000;margin-top:40px;"></div>
|
|
||||||
<div class="pane" style="background-color:#333333;"></div>
|
|
||||||
<div class="pane" style="background-color:#666666;"></div>
|
|
||||||
<div class="pane" style="background-color:#999999;"></div>
|
|
||||||
<div class="pane" style="background-color:#CCCCCC;"></div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-21
@@ -1,21 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Element MaxY - Compat Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Element MaxY - Compat Mode</h1>
|
|
||||||
|
|
||||||
<div id="viewport" style="width:600px;height:500px;overflow: auto">
|
|
||||||
<div id="ua" style="height:1500px; width:500px; padding:0 40px; background-color:#AAA">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('#viewport').test();
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
-20
@@ -1,20 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Element MaxY - Quirks Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Element MaxY - Quirks Mode</h1>
|
|
||||||
|
|
||||||
<div id="viewport" style="width:600px;height:500px;overflow: auto">
|
|
||||||
<div id="ua" style="height:1500px; width:500px; padding:0 40px; background-color:#AAA">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$('#viewport').test();
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
-19
@@ -1,19 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY - Compat Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY - Compat Mode</h1>
|
|
||||||
|
|
||||||
<div id="ua" style="height:1500px; width:500px; padding:0 50px; background-color:#AAA">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).test();
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
-18
@@ -1,18 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY - Quirks Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY - Quirks Mode</h1>
|
|
||||||
|
|
||||||
<div id="ua" style="height:1500px; width:500px; padding:0 50px; background-color:#AAA">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(window).test();
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
Generated
Vendored
-20
@@ -1,20 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY to Iframe - Compat Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY to Iframe - Compat Mode</h1>
|
|
||||||
|
|
||||||
<iframe src="WinMaxY-compat.html?notest" style="width:500px" /></iframe>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
setTimeout(function(){
|
|
||||||
$('iframe').test();
|
|
||||||
}, 1500 );
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
Generated
Vendored
-19
@@ -1,19 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY to Iframe - Quirks Mode</title>
|
|
||||||
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.js"></script>
|
|
||||||
<script type="text/javascript" src="../jquery.scrollTo.js"></script>
|
|
||||||
<script type="text/javascript" src="test.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY to Iframe - Quirks Mode</h1>
|
|
||||||
|
|
||||||
<iframe src="WinMaxY-quirks.html?notest" style="width:500px"></iframe>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
setTimeout(function(){
|
|
||||||
$('iframe').test();
|
|
||||||
}, 1500 );
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
Generated
Vendored
-11
@@ -1,11 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY with Iframe - Compat Mode</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY with Iframe - Compat Mode</h1>
|
|
||||||
|
|
||||||
<iframe src="WinMaxY-compat.html" />
|
|
||||||
</html>
|
|
||||||
Generated
Vendored
-10
@@ -1,10 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo - Test Window MaxY with Iframe - Quirks Mode</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo - Test Window MaxY with Iframe - Quirks Mode</h1>
|
|
||||||
|
|
||||||
<iframe src="WinMaxY-quirks.html" />
|
|
||||||
</html>
|
|
||||||
-24
@@ -1,24 +0,0 @@
|
|||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
||||||
<title>jQuery.scrollTo Tests</title>
|
|
||||||
<meta name="keywords" content="javascript, jquery, plugins, scroll, scrollTo, smooth, animation, to, effect, ariel, flesler, window, overflow, element, navigation, customizable" />
|
|
||||||
<meta name="description" content="Tests for jQuery ScrollTo. Made by Ariel Flesler." />
|
|
||||||
<meta name="robots" content="index,follow" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>jQuery.scrollTo Tests</h1>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><a href="WinMaxY-compat.html">Max window scrolling (compat mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-quirks.html">Max window scrolling (quirks mode)</a></li>
|
|
||||||
<li><a href="ElemMaxY-compat.html">Max element scrolling (compat mode)</a></li>
|
|
||||||
<li><a href="ElemMaxY-quirks.html">Max element scrolling (quirks mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-with-iframe-compat.html">Max window scrolling, within an iframe (compat mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-with-iframe-quirks.html">Max window scrolling, within an iframe (quirks mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-to-iframe-compat.html">Max iframe scrolling from outside (compat mode)</a></li>
|
|
||||||
<li><a href="WinMaxY-to-iframe-quirks.html">Max iframe scrolling from outside (quirks mode)</a></li>
|
|
||||||
</ul>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-426
@@ -1,426 +0,0 @@
|
|||||||
# Markdown is broken
|
|
||||||
|
|
||||||
I have a lot of scraps of markdown engine oddities that I've collected over the
|
|
||||||
years. What you see below is slightly messy, but it's what I've managed to
|
|
||||||
cobble together to illustrate the differences between markdown engines, and
|
|
||||||
why, if there ever is a markdown specification, it has to be absolutely
|
|
||||||
thorough. There are a lot more of these little differences I have documented
|
|
||||||
elsewhere. I know I will find them lingering on my disk one day, but until
|
|
||||||
then, I'll continue to add whatever strange nonsensical things I find.
|
|
||||||
|
|
||||||
Some of these examples may only mention a particular engine compared to marked.
|
|
||||||
However, the examples with markdown.pl could easily be swapped out for
|
|
||||||
discount, upskirt, or markdown.js, and you would very easily see even more
|
|
||||||
inconsistencies.
|
|
||||||
|
|
||||||
A lot of this was written when I was very unsatisfied with the inconsistencies
|
|
||||||
between markdown engines. Please excuse the frustration noticeable in my
|
|
||||||
writing.
|
|
||||||
|
|
||||||
## Examples of markdown's "stupid" list parsing
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
|
|
||||||
* item1
|
|
||||||
|
|
||||||
* item2
|
|
||||||
|
|
||||||
text
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>item1</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>item2</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p><p>text</p></li>
|
|
||||||
</ul></p>
|
|
||||||
```
|
|
||||||
|
|
||||||
|
|
||||||
```
|
|
||||||
$ marked
|
|
||||||
* item1
|
|
||||||
|
|
||||||
* item2
|
|
||||||
|
|
||||||
text
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>item1</p>
|
|
||||||
<ul>
|
|
||||||
<li>item2</li>
|
|
||||||
</ul>
|
|
||||||
<p>text</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<p><ul>
|
|
||||||
<li>hello</p>
|
|
||||||
|
|
||||||
<blockquote>
|
|
||||||
<p>world</li>
|
|
||||||
</ul></p>
|
|
||||||
</blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
```
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello<blockquote>
|
|
||||||
<p>world</p>
|
|
||||||
</blockquote>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Again, which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
EXAMPLE:
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
* world
|
|
||||||
* hi
|
|
||||||
code
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello
|
|
||||||
<ul>
|
|
||||||
<li>world</li>
|
|
||||||
<li>hi
|
|
||||||
code</li>
|
|
||||||
</ul></li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
The code isn't a code block even though it's after the bullet margin. I know,
|
|
||||||
lets give it two more spaces, effectively making it 8 spaces past the bullet.
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
* world
|
|
||||||
* hi
|
|
||||||
code
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello
|
|
||||||
<ul>
|
|
||||||
<li>world</li>
|
|
||||||
<li>hi
|
|
||||||
code</li>
|
|
||||||
</ul></li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
And, it's still not a code block. Did you also notice that the 3rd item isn't
|
|
||||||
even its own list? Markdown screws that up too because of its indentation
|
|
||||||
unaware parsing.
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
Let's look at some more examples of markdown's list parsing:
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
|
|
||||||
* item1
|
|
||||||
|
|
||||||
* item2
|
|
||||||
|
|
||||||
text
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>item1</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>item2</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p><p>text</p></li>
|
|
||||||
</ul></p>
|
|
||||||
```
|
|
||||||
|
|
||||||
Misnested tags.
|
|
||||||
|
|
||||||
|
|
||||||
```
|
|
||||||
$ marked
|
|
||||||
* item1
|
|
||||||
|
|
||||||
* item2
|
|
||||||
|
|
||||||
text
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>item1</p>
|
|
||||||
<ul>
|
|
||||||
<li>item2</li>
|
|
||||||
</ul>
|
|
||||||
<p>text</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
```
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<p><ul>
|
|
||||||
<li>hello</p>
|
|
||||||
|
|
||||||
<blockquote>
|
|
||||||
<p>world</li>
|
|
||||||
</ul></p>
|
|
||||||
</blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
More misnested tags.
|
|
||||||
|
|
||||||
|
|
||||||
```
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello<blockquote>
|
|
||||||
<p>world</p>
|
|
||||||
</blockquote>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Again, which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
# Why quality matters - Part 2
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<p><ul>
|
|
||||||
<li>hello</p>
|
|
||||||
|
|
||||||
<blockquote>
|
|
||||||
<p>world</li>
|
|
||||||
</ul></p>
|
|
||||||
</blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ sundown # upskirt
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello
|
|
||||||
> world</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
> world
|
|
||||||
^D
|
|
||||||
<ul><li>hello <blockquote><p>world</p></blockquote></li></ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Which looks correct to you?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
See: https://github.com/evilstreak/markdown-js/issues/23
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.pl # upskirt/markdown.js/discount
|
|
||||||
* hello
|
|
||||||
var a = 1;
|
|
||||||
* world
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li>hello
|
|
||||||
var a = 1;</li>
|
|
||||||
<li>world</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
var a = 1;
|
|
||||||
* world
|
|
||||||
^D
|
|
||||||
<ul><li>hello
|
|
||||||
<pre>code>var a = 1;</code></pre></li>
|
|
||||||
<li>world</li></ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
Which looks more reasonable? Why shouldn't code blocks be able to appear in
|
|
||||||
list items in a sane way?
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.js
|
|
||||||
<div>hello</div>
|
|
||||||
|
|
||||||
<span>hello</span>
|
|
||||||
^D
|
|
||||||
<p><div>hello</div></p>
|
|
||||||
|
|
||||||
<p><span>hello</span></p>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
<div>hello</div>
|
|
||||||
|
|
||||||
<span>hello</span>
|
|
||||||
^D
|
|
||||||
<div>hello</div>
|
|
||||||
|
|
||||||
|
|
||||||
<p><span>hello</span>
|
|
||||||
</p>
|
|
||||||
```
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
See: https://github.com/evilstreak/markdown-js/issues/27
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.js
|
|
||||||
[](/link)
|
|
||||||
^D
|
|
||||||
<p><a href="/image)](/link">](/link)
|
|
||||||
^D
|
|
||||||
<p><a href="/link"><img src="/image" alt="an image"></a>
|
|
||||||
</p>
|
|
||||||
```
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
See: https://github.com/evilstreak/markdown-js/issues/24
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.js
|
|
||||||
> a
|
|
||||||
|
|
||||||
> b
|
|
||||||
|
|
||||||
> c
|
|
||||||
^D
|
|
||||||
<blockquote><p>a</p><p>bundefined> c</p></blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
> a
|
|
||||||
|
|
||||||
> b
|
|
||||||
|
|
||||||
> c
|
|
||||||
^D
|
|
||||||
<blockquote><p>a
|
|
||||||
|
|
||||||
</p></blockquote>
|
|
||||||
<blockquote><p>b
|
|
||||||
|
|
||||||
</p></blockquote>
|
|
||||||
<blockquote><p>c
|
|
||||||
</p></blockquote>
|
|
||||||
```
|
|
||||||
|
|
||||||
- - -
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ markdown.pl
|
|
||||||
* hello
|
|
||||||
* world
|
|
||||||
how
|
|
||||||
|
|
||||||
are
|
|
||||||
you
|
|
||||||
|
|
||||||
* today
|
|
||||||
* hi
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>hello</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>world
|
|
||||||
how</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p>are
|
|
||||||
you</p>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li>today</li>
|
|
||||||
</ul></li>
|
|
||||||
<li>hi</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
|
|
||||||
``` bash
|
|
||||||
$ marked
|
|
||||||
* hello
|
|
||||||
* world
|
|
||||||
how
|
|
||||||
|
|
||||||
are
|
|
||||||
you
|
|
||||||
|
|
||||||
* today
|
|
||||||
* hi
|
|
||||||
^D
|
|
||||||
<ul>
|
|
||||||
<li><p>hello</p>
|
|
||||||
<ul>
|
|
||||||
<li><p>world
|
|
||||||
how</p>
|
|
||||||
<p>are
|
|
||||||
you</p>
|
|
||||||
</li>
|
|
||||||
<li><p>today</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li>hi</li>
|
|
||||||
</ul>
|
|
||||||
```
|
|
||||||
-2
@@ -1,2 +0,0 @@
|
|||||||
# Todo
|
|
||||||
|
|
||||||
-8
@@ -1,8 +0,0 @@
|
|||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Awesome page</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
hello world!
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-8
@@ -1,8 +0,0 @@
|
|||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Other page</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
hello there!
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
-5
@@ -1,5 +0,0 @@
|
|||||||
Bootstrap uses [GitHub's Releases feature](https://github.com/blog/1547-release-your-software) for its changelogs.
|
|
||||||
|
|
||||||
See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap.
|
|
||||||
|
|
||||||
Release announcement posts on [the official Bootstrap blog](http://blog.getbootstrap.com) contain summaries of the most noteworthy changes made in each release.
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
\foo
|
|
||||||
-6
@@ -1,6 +0,0 @@
|
|||||||
<li><a href="foo">foo</li>
|
|
||||||
<li><a href="bar">bar</li>
|
|
||||||
<li><a href="baz">baz</li>
|
|
||||||
<li><a href="qux">qux</li>
|
|
||||||
<li><a href="fee">fee</li>
|
|
||||||
<li><a href="bah">not a // comment</a></li>
|
|
||||||
Generated
Vendored
-1
@@ -1 +0,0 @@
|
|||||||
foo
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<p>loki's "wheelchair"</p>
|
|
||||||
-4
@@ -1,4 +0,0 @@
|
|||||||
<ul>
|
|
||||||
<p>Hello world!</p>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-4
@@ -1,4 +0,0 @@
|
|||||||
<style>body {
|
|
||||||
foo: 'bar';
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
-12
@@ -1,12 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
<li>geddy</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>neil</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>alex</li>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<p>Old</p>
|
|
||||||
Generated
Vendored
-4
@@ -1,4 +0,0 @@
|
|||||||
<style>body {
|
|
||||||
foo: 'bar';
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Generated
Vendored
-12
@@ -1,12 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
<li>geddy</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>neil</li>
|
|
||||||
|
|
||||||
|
|
||||||
<li>alex</li>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
Generated
Vendored
-1
@@ -1 +0,0 @@
|
|||||||
<p>Old</p>
|
|
||||||
Generated
Vendored
-5
@@ -1,5 +0,0 @@
|
|||||||
<div>
|
|
||||||
12
|
|
||||||
3
|
|
||||||
45
|
|
||||||
</div>
|
|
||||||
-3
@@ -1,3 +0,0 @@
|
|||||||
<pre>There should be a space followed by a less-than sign and then two more
|
|
||||||
spaces in the next line:
|
|
||||||
< .</pre>
|
|
||||||
-9
@@ -1,9 +0,0 @@
|
|||||||
<li><a href="//foo">Foo</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//bar">Bar</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//baz">Baz</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
Generated
Vendored
-8
@@ -1,8 +0,0 @@
|
|||||||
<li><a href="//foo">Foo</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//bar">Bar</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li><a href="//baz">Baz</a>
|
|
||||||
</li>
|
|
||||||
-1
@@ -1 +0,0 @@
|
|||||||
<ul><li>geddy</li><li>neil</li><li>alex</li></ul>
|
|
||||||
-9
@@ -1,9 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
<li>geddy</li>
|
|
||||||
|
|
||||||
<li>neil</li>
|
|
||||||
|
|
||||||
<li>alex</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-4
@@ -1,4 +0,0 @@
|
|||||||
<ul>
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
-5
@@ -1,5 +0,0 @@
|
|||||||
<ul>
|
|
||||||
<li>geddy</li>
|
|
||||||
<li>neil</li>
|
|
||||||
<li>alex</li>
|
|
||||||
</ul>
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user