jQuery Scroll-Triggered Chart Loading Plugin scrollLoading.js

Add-ons

2026-07-26 03:58 5 次浏览 • 0 次下载 2.5KB

jQuery Scroll-Triggered Chart Loading Plugin scrollLoading.js

Plugin Description: A jQuery plugin that triggers Highcharts chart loading when scrolling, supporting lazy loading of charts.

Usage

1. Bind events to each chart div

$(".chart").each(function(index, elem) {
    $(elem).scrollLoading({
        container: $("#report_table"), // The scroll container. Listen for scroll events on this object. This is crucial.
        callback: function() { // Callback event triggered when the element enters the visible area
            loadChart($(elem));
        },
        preloadHeight: 400 // Preload height
    });
});

2. After binding, the callback method will execute when the div enters the visible area.

3. Can also be used with tags such as img.

4. If lazy loading on scroll does not work, check whether the container configuration is correct.