O fereastră modal cu o bară de derulare
Buna ziua prieteni!
Recent, blog cititori au exprimat interesul puternic în stabilirea și extinderea ferestre modale funcționale. Recent, am încercat să-ți spun în detaliu modul de a construi în fereastra de conținut modal rotator (text), sper am luat-o.
Decizia și executarea întregului mecanism a fost foarte simplu, nu contează, vă va afișa textul din fereastra principală sau dialog. Scrollbar se poate atașa chiar și la butonul! Hai împreună cu voi, dragi cititori, o privire detaliata la modul în care putem pune într-un text extrudat fereastră modal utilizând bara de defilare, păstrând astfel dimensiunea ferestrei.
Exemplul cel mai curios sa uitat în primul rând privire la codul sursă al paginii demo, și dintr-o dată, a devenit clar, nimic supranatural. Puteți utiliza textarea, iframe, iar pagina în sine - corpul etichetei. care pot apărea în mod ipotetic bara de defilare, dar am folosit div - container, scris în stilul tuturor proprietăților necesare. În CSS există o proprietate remarcabilă de preaplin. care controlează afișarea elementului blocului de conținut, în cazul în care nu se încadrează în totalitate și iese din dimensiunea specificată.
Această proprietate are mai multe sensuri, în acest caz, folosind overflow: auto. o bară de derulare vor fi adăugate numai dacă este necesar, și anume atunci când dimensiunea textului depășește dimensiunea blocului. Pentru a derula afișajul permanent, trebuie să alocați o valoare de parcurgere preaplin de proprietate
Foarte important, dacă alegeți să plasați conținut modal fereastră lățime 500px, ar trebui să stabilească lățimea blocului la textul un pic mai puțin în termen de 480 x. Înălțimea poate alege orice, dar nu trebuie să fie prea mică fereastră, îngustă nu arata foarte frumos, iar cititorul va trebui să utilizeze în mod constant de parcurgere. În exemplul meu, am stabilit înălțimea containerelor div care rulează în 300px, tu ca nimeni nu deranjează să experimenteze cu acest parametru, într-o direcție sau în celălalt sens.
În cele din urmă, în elementele de limbaj HTML, vom obține un simplu și ușor de reținut, cod pe care mai târziu inserați cu ușurință o fereastră modal:
Dacă este făcută corect, ar trebui să aibă o excelentă fereastră pop-up cu o bară de derulare pentru a lucra la acest lucru vă va ajuta să exemplu întotdeauna evidente:
Există și alte metode, mai puțin interesante pentru a aborda această problemă, am considerat, probabil, cel mai simplu mod, fără cod de dezordine inutile și utilizarea proprietăților de formatare suplimentare bara de derulare (scrollbar), despre care, pentru o lungă perioadă de timp scris în detaliu, este necesar doar pentru a utiliza un motor de căutare, și vei fi aruncat afară mai mult de un tyschonka pagini infoy pe.
Ei bine, eu pot spune doar: La revedere!
PS: Sunt adesea întrebat cum să ajungi la Google+? Este foarte simplu, du-te la link-ul de mai jos, introduceți numele de eliberare Google și parola, și să înceapă activitățile lor violente, astfel ne-am dori, ce mi-ai adăuga în cercurile tale, deoarece nu va fi o mulțime de util și interesant -)))
Noi nu avem educație, dar există o sursă de inspirație, dacă am fost educat, aș fi un prost.
Va fi recunoscători dacă proiectul de sprijin - adăugarea unui blog pentru excepții AdBlock și partaja un link către o înregistrare în rețelele lor sociale: