Loo Scalable.js abil automaatse suuruse muutmise elemendid

Kui teil on vaja teha paindlikke elemente, mis täidavad oma konteinerid automaatselt Soovitan väga skaleeritavat. See tasuta avatud lähtekoodiga JS-skript sobib ideaalselt vedeliku kujundamiseks ilma palju stressi tekitamata.

Kõik Scalable.js'i teegis olevad vormid on vormitavad, nii et saate muuta iga konteineri stiili, suurust, asukohta ja sisemist sisu. Kas vajate elemente, mis on vastavuses lehe ülemise või alumise küljega? Skaalautuval on selleks võimalusi.

Tutvuge GitHub repoga, et rohkem teada saada, kuidas see toimib.

Kõige tavalisemal kujul võtab see skript sihtlehe elemendi koos mõnede võimalustega ekraani kohandamiseks. Siin on mõned näidiskoodid, mis on võetud otse GitHubist:

var scalable = new Skaalautuv (konteinerEl, valikud);

Loomulikult on esimene parameeter olenevalt sellest, kumb konteiner on suunatud (ideaalis a

või midagi sarnast).

Valikuparameeter peaks võtma võtme => väärtuspaaride massiivi. Nende valikute hulka kuuluvad mahuti kõrguse väärtused, min ja max laiused koos mini- ja maksakaaludega (st kui palju see saab sisemiste elementidega skaalata).

Vaadake peamist projekti lehekülge, kus on kasutatav demo. Paindliku elemendi suuruse muutmiseks saate sisemises konteineri nurkades lohistada. See on päris lahe, sest selle ala all on leitud kasutatav kood võetakse otse lehelt.

Paindlike elementide käitlemiseks on olemas vaid puhas CSS. Kuid need meetodid võivad tunda kuupäeva ja nad ei paku nii palju kontrolli kui JavaScript.

Kui soovid seda proovida, haarake GitHubilt koopia ja vaadake, mida sa arvad.

Skaalautuv on ikka veel aktiivses arenduses, kuid see on lihtne skript, mis teie vajadustele kohandatud.