Automatic oversized scrolling
[i] oversized preformatted content is wrapped in a horizontal scrollerLorem 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 elementLorem 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 ordine | Data | Cliente | Città | Paese | Prodotto | Categoria | Quantità | Prezzo unitario | Sconto | Totale | Pagamento | Stato | Responsabile | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ORD-001 | 01/10/2026 | Marco Rossi | [email protected] | Milano | Italia | Monitor 27″ | Elettronica | 2 | 250,00 € | 10% | 450,00 € | Carta | Consegnato | Anna Bianchi |
| ORD-002 | 02/10/2026 | Laura Verdi | [email protected] | Roma | Italia | Tastiera wireless | Accessori | 5 | 60,00 € | 0% | 300,00 € | Bonifico | Spedito | Luca Ferri |
| ORD-003 | 03/10/2026 | Paolo Neri | [email protected] | Torino | Italia | Sedia ergonomica | Arredamento | 3 | 180,00 € | 5% | 513,00 € | Carta | In lavorazione | Anna Bianchi |
| ORD-004 | 04/10/2026 | Sara Galli | [email protected] | Bologna | Italia | Webcam HD | Elettronica | 4 | 75,00 € | 10% | 270,00 € | PayPal | In attesa | Giulia Conti |
| ORD-005 | 05/10/2026 | Andrea Costa | [email protected] | Firenze | Italia | Scrivania regolabile | Arredamento | 1 | 420,00 € | 0% | 420,00 € | Bonifico | Consegnato | Luca 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 untouchedLorem ipsum dolor sit amet.