JSFiddle - React, Tailwind, and code Playground

by brianjmiller

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>TapToTop</title>
<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui.js"></script>

</head>
<body>
<h1>Example of TapToTop Plugin</h1>

<p>Scroll down and you will see in the bottom right a button that you can tap in order to return to the top of the page.</p>

<p>To use this component, include gallery-taptotop in your YUI.use, and then plug it into a node, typically the body:</p>

<code>
<pre>
YUI().use('gallery-taptotop', function (Y) {

    Y.one('body').plug(Y.TapToTopPlugin);    

});
</pre>    
</code>

<p class=txt>
<br />
<br />
<br />
<br />
<br />
<br />

la feugue conulla feugait ad dignim dolorem quating erat. Ut niamet el do dolore dunt alit nis dolenim vendreet, sectem dolore doloreriusto ex enismodolent nos dolent el utpat lor ipsuscipit wisis dunt lum dit nullute conulla feugait ilit ate delis dolorem et ad min hent aut vullamcore modions ndreros adionse molutat. Duis dit dolor sit nosto do odo dolore magnim quat lutpatueros er sustinim ing et autem velit, quis nonullum zzrit wis nulputpat. Ut nonsed tiscin utpatiscipit laor adit augue min erilisci tet, quis nis ad et praestrud te endrem alit iriureet niat.
</p>
<p class=txt>Duis nibh et exerciduis nullandigna cortis nulputat nostin ullaore dio eu feugiatem ad te feuis et la feu feummy nullaortie magnis et acil eugait lum enit adiam zzrit praesequisim vero od te vel euisci et dit dolore magnisit nim quisim quatummod dunt dunt dit in ullum dui blan ut adiat. Duisl estrud tinci tet lortie tatin henit vulputet landipsum vendio od tie modolore vent amconsectet niamet, quipism lendreetue dui blaorem elis augait at, vul
<br />
<br />
<br />
<br />
<br />
<br />

la feugue conulla feugait ad dignim dolorem quating erat. Ut niamet el do dolore dunt alit nis dolenim vendreet, sectem dolore doloreriusto ex enismodolent nos dolent el utpat lor ipsuscipit wisis dunt lum dit nullute conulla feugait ilit ate delis dolorem et...

CSS

/* styles sucked in automatically */

JavaScript

YUI({
    
    // this fiddle uses a script tag in the HTML instead of 
    // jsfiddle's framework menu (which is set to jquery, unused)
    // Try switching between 3.4.1 (or 3.6.0) and 3.5.1 
    
    
    //Last Gallery Build of this module
    gallery: 'gallery-2012.07.18-13-22'
}).use('gallery-taptotop', function(Y) {
 
    Y.one('body').plug(Y.TapToTopPlugin);    
 
});