Automatic oversized scrolling

[i] oversized preformatted content is wrapped in a horizontal scroller
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer viverra, massa sed ullamcorper finibus, metus lorem pulvinar neque, vel consequat sem sapien non tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec tempor lectus sed arcu luctus, at posuere erat tincidunt. Sed feugiat, mauris non vulputate faucibus, erat nulla posuere augue, sed vulputate justo neque vitae velit.

Scroll auto setted on a generic element

[i] --scroll-autoset enables the same check on any element

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sodales, nisl vitae tempor tincidunt, sapien nulla dignissim augue, non tristique turpis mauris quis libero. Aliquam erat volutpat. Curabitur consequat orci et nibh pulvinar, vitae feugiat lorem interdum.


Big table exemple

ID ordineDataClienteEmailCittàPaeseProdottoCategoriaQuantitàPrezzo unitarioScontoTotalePagamentoStatoResponsabile
ORD-00101/10/2026Marco Rossi[email protected]MilanoItaliaMonitor 27″Elettronica2250,00 €10%450,00 €CartaConsegnatoAnna Bianchi
ORD-00202/10/2026Laura Verdi[email protected]RomaItaliaTastiera wirelessAccessori560,00 €0%300,00 €BonificoSpeditoLuca Ferri
ORD-00303/10/2026Paolo Neri[email protected]TorinoItaliaSedia ergonomicaArredamento3180,00 €5%513,00 €CartaIn lavorazioneAnna Bianchi
ORD-00404/10/2026Sara Galli[email protected]BolognaItaliaWebcam HDElettronica475,00 €10%270,00 €PayPalIn attesaGiulia Conti
ORD-00505/10/2026Andrea Costa[email protected]FirenzeItaliaScrivania regolabileArredamento1420,00 €0%420,00 €BonificoConsegnatoLuca Ferri

Big code exemple


                        // This is a snippet from the legendary jQuery library, a true hero of the “web war” for all serious developers.
                        // We don’t use it anymore, but it’s an important part of our history.
                        // This example has been deliberately rewritten in a rough manner to make it more comprehensive and detailed.
                        // The original jQuery code can be found at: https://code.jquery.com/jquery-4.0.0.js

                        function addCombinator( matcher, combinator, base ) {

                            var dir = combinator.dir, skip = combinator.next, key = skip || dir, checkNonElements = base && key === "parentNode", doneName = done++;

                            return combinator.first ?

                                // Check against closest ancestor/preceding element
                                function( elem, context, xml ) {
                                    while ( ( elem = elem[ dir ] ) ) { if ( elem.nodeType === 1 || checkNonElements ) { return matcher( elem, context, xml ); } }
                                    return false;
                                } :

                                // Check against all ancestor/preceding elements
                                function( elem, context, xml ) {
                                    var oldCache, outerCache, newCache = [ dirruns, doneName ];
                                    // We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching
                                    // other codes of this function...
                                    return false;
                                };
                        }


                    

Content that fits

[i] this element must remain untouched Lorem ipsum dolor sit amet.