JSFiddle - React, Tailwind, and code Playground

by kalar su

JavaScript

// a function that loads jQuery and calls a callback function when jQuery has finished loading
function addJQuery(callback) {
  var script = document.createElement("script");
  script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
  script.addEventListener('load', function() {
    var script = document.createElement("script");
    script.textContent = "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);
}

// the guts of this userscript
function main() {
  // Note, jQ replaces $ to avoid conflicts.
  alert("There are " + jQ('a').length + " links on this page.");
}

// load jQuery and execute the main function
addJQuery(main);
undefined
$(window).on("scroll", function() {
            var fromTop = $(window).scrollTop();
            $("header").toggleClass("down", (fromTop > 200));
        });
[Window]
$(window).on("scroll", function() {
            var fromTop = $(window).scrollTop();
            console.log("fromTop="+fromTop);
        });