JSFiddle - React, Tailwind, and code Playground

by someprimetime

HTML

<br />
<div style="position: fixed;"><a id="stop" href="#">Stop</a></div><br />
<a href="#" id="js-auto-mode">Auto</a>
<p><p>
    <div id="container" style="padding-top: 50px;">
Eiusmod aliquip dolore etsy. Raw denim nihil swag, freegan blog lomo nulla wayfarers non esse sunt mixtape you probably haven't heard of them hella american apparel. Ad DIY hoodie fixie, est pariatur street art chillwave sartorial velit williamsburg deserunt. Biodiesel ad qui sunt bushwick vegan. Hoodie semiotics tumblr godard, esse labore dolore 8-bit letterpress wolf in mixtape vegan messenger bag. Leggings organic id cupidatat gastropub, direct trade pitchfork reprehenderit incididunt adipisicing. Craft beer delectus sunt cosby sweater before they sold out.
<br />
Typewriter bespoke thundercats, adipisicing art party freegan umami lomo pitchfork. Velit laborum sint master cleanse shoreditch, food truck laboris gentrify gluten-free mlkshk VHS. Aliquip dolore authentic, mollit post-ironic yr DIY vegan id etsy food truck cardigan. Fugiat bushwick magna, sunt adipisicing elit commodo readymade fanny pack. Sustainable magna synth, labore trust fund do aute cupidatat before they sold out +1 quinoa accusamus marfa kale chips. Quis consectetur lo-fi, kogi street art carles typewriter craft beer reprehenderit irony. Duis cray shoreditch odio marfa, gluten-free fingerstache helvetica fanny pack.<br />
Eiusmod aliquip dolore etsy. Raw denim nihil swag, freegan blog lomo nulla wayfarers non esse sunt mixtape you probably haven't heard of them hella american apparel. Ad DIY hoodie fixie, est pariatur street art chillwave sartorial velit williamsburg deserunt. Biodiesel ad qui sunt bushwick vegan. Hoodie semiotics tumblr godard, esse labore dolore 8-bit letterpress wolf in mixtape vegan messenger bag. Leggings organic id cupidatat gastropub, direct trade pitchfork reprehenderit incididunt adipisicing. Craft beer delectus sunt cosby sweater before they sold out.
<br />
Typewriter bespoke thundercats,...

JavaScript

$(function() {

    var $bottomOfDiv = $('#container').height();

    $('html, body').keypress(function(e) {
        if (e.keyCode == 98) {
            alert('yo');
            $('html,body').animate({
                scrollTop: $bottomOfDiv
            }, 1000000, 'linear');

        }
        return false;
    });


    $(window).bind('mousewheel', function(e) {
        if (e.type === 'click') {
            alert('yo');
        }
        $('html, body').stop();
    }).bind('click');
 
    $('#js-auto-mode').click(function() {
        $('#stop').text('Click here to stop');
        $('html,body').animate({
            scrollTop: $bottomOfDiv
        }, 1000000, 'linear');



        $('#stop').click(function() {
        $('html, body').stop();
        });
    });
});