JSFiddle

  • Affix test

    jQuery 3.2.1, HTML, CSS, JavaScript 

    $(document).on('ready', function() {

            $('aside section').affix({
                  offset: {
                    top: $('section.top').height()
                  }
            });

            // get bootstrap grid breakpoint from css, repeat everytime ...

  • Slick carousel + custom ARIA pagination dots #22 is the latest revision

    Replacing the default dots <button> that comes by default with the jquery SLICK. 

    $('.slideshow').slick({
    slide: 'img',
    autoplay: true,
    appendArrows: $('.slide-controls'),
    prevArrow: $('.slide-arrow.arrow-prev'),
    nextArrow: $('.slide-arrow.arrow-next'),
    appendDots: $('.slide-controls'),
    dots: true,
    dotsClass: 'custom-dots ...

  • Get Bootstrap Responsive Breakpoint on window resize

    Detect Bootstrap responsive grid breakpoints from CSS using JavaScript 

    $(document).on('ready', function() {

            // get bootstrap grid breakpoint from css, repeat everytime window is resized
            getResponsiveBreakpoint();
            $(window).on('resize', function ...