Soluții personalizate uCoz
Există tot felul de pagini, inclusiv priochen foarte mult timp, și nu de a transforma roata mouse-ului, sau pur și simplu trageți scroll există în mod continuu un asistent, ca „sus“ buton. Ne-au derulat înapoi sus a paginii, fără nici o problemă. Una dintre acestea vă sugerez să îl plasați pe site, este ceea ce se pare ca pe butonul VKontakte, dar decizia de stil de bază a fost luată cu site-ul kinopoisk. Să vedem demo:
În stânga avem o zonă care pe toată înălțimea ferestrei browser-ului se poate face clic ca un buton de „sus“ a fi în ea, când faceți clic pe acest câmp, vom urca treptat pagina. Pentru site-urile care rezoluția ecranului este mai mică sau egală cu 1024px, va fi vizibil numai pentru săgeată sus în fundal gri nu este o parte închisă a site-ului.
Acum, să începem instalarea de pe site-ul, cu atât mai mult, pentru că este foarte simplu, copiați mai întâi codul în foaia de stil, PU / Design / Design Management (CSS)
? 200 '200px': '' + (this.scrollHeight + 5) + 'px'); „> .upTop <
display: none;
lățime: 100px;
înălțime: 100%;
Poziția: fix;
stânga: 0px;
top: 0px;
z-index: 100;
>
.upTopButton <
fundal: # 777777 URL-ul (http # 58; // mvcreative.ru/example/17/images/goup.png#41, fără repetare;
lățime: 27px;
înălțime: 27px;
Poziția: fix;
top: 10px;
stânga: 10px;
cursor: pointer;
>
.upTopZone <
display: none;
fundal: URL-ul (http # 58; // mvcreative.ru/example/17/images/upbg.png#41, se repetă;
lățime: 100px;
înălțime: 100%;
cursor: pointer;
>
.upTopZone p <
fundal: # 777777;
font-size: 12px;
lățime: 63px;
înălțime: 27px;
margin: 0;
Poziția: fix;
top: 10px;
stânga: 37px;
Culoare: #fff;
font-family: "Tahoma", "Verdana", "Arial";
line-height: 25px;
text-align: center;
Text-umbra: 1px 1px 1px # 000000;
>
Ecranul @media și (max-width: 1024px # 41; <
.upTopZone <
display: none importanta ;!
>
> .blue .upTopButton. albastru .upTopZone p <
background-color: # 3fa3e1;
>
.verde .upTopButton. verde .upTopZone p <
background-color: # 60bf3a;
>
.roșu .upTopButton. roșu .upTopZone p <
background-color: # ca2929;
>
.portocaliu .upTopButton. orange .upTopZone p <
background-color: # ef990b;
>
.violet .upTopButton. violet .upTopZone p <
background-color: # b053a0;
>
.gri .upTopButton. gri .upTopZone p <
background-color: # 777777;
>
Acest cod de copiere și inserare în cazul în care ne-o dorim, mai presus de toate, în corpul paginii, puteți pune în fața tag-ul