JSFiddle - React, Tailwind, and code Playground

by Aakash Chakravarthy

HTML

<div style="position:fixed; height: 30px; background: #000; top: 0; right: 0; left: 0; color: #fff">Text</div>
<h2 class="title"> 
                            <a href="http://slidenote.info/" rel="bookmark" title="Home"> 
                                Home                            </a> 
                        </h2> 
                        <span class="post-meta"> 
                            SlideNote was last updated November 16, 2010                        </span> 
                        <div class="entry"> 
                            <p>SlideNote is a customizable, flexible <a href="http://jquery.com">jQuery</a> plugin that makes it easy to display sliding notifications on your website or in your web application. It&#8217;s also available <a href="http://tommcfarlin.com/slidenote-for-wordpress-now-available/">as a WordPress plugin</a>!</p> 
<p><strong>For more information or to see a demo, scroll down.</strong></p> 
<h2><a name="download">Download</a></h2> 
<ul> 
<li><a href="http://github.com/tommcfarlin/slidenote">GitHub</a>. Browse the project repository, grab all files, documentation, unit tests, or fork it.</li> 
<li><a href="http://github.com/tommcfarlin/slideNote/raw/master/js/jquery.slidenote.min.js">Minified</a>. Grab the minified version of the plugin. 2.3KB, no styles.</li> 
<li><a href="http://slidenote.info/download/jquery.slidenote.zip">Full Project</a>. Download the full plugin including the un-minified source code, demo page, README, and sample stylesheet.</li> 
</ul> 
<p>SlideNote is compatible with jQuery 1.4.3 and current versions of major browsers. IE8 is the only version of Internet Explorer that is officially supported.</p> 
<h2>How To Use</h2> 
<p>1. Include SlideNote in the header of your page. Make sure it is included after jQuery.</p> 
<pre class="brush: xml;"> 
&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script...

JavaScript

var oDoc = $.browser.msie === true ? window : document;

$(oDoc).scroll(function() {
    if($(this).scrollTop() === 0) {
    }else{
    }
});