Avaleht
uus teema   vasta Tarkvara »  WWW »  DIV positsioneerimine algul absolute ja seejärel fixed märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
c3ltic
HV kasutaja

liitunud: 21.04.2007




sõnum 01.05.2011 13:29:52 DIV positsioneerimine algul absolute ja seejärel fixed vasta tsitaadiga

Hommik. Sooviks teada, kuidas kõige lihtsamalt saavutada sellist tulemust:

http://mashable.com/2011/04/30/digital-media-resources-13/

Huvitab siis nimelt see social-plugin osa, mis vasakus ääres lehega kaasa liigub, ent kui brauseriakna äärt puudutab, jääb sellele kohale fixituks.

On keegi sellise asjaga kokku puutunud?
Kommentaarid: 10 loe/lisa Kasutajad arvavad:  :: 2 :: 0 :: 8
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002




sõnum 01.05.2011 13:32:57 vasta tsitaadiga

c3ltic, aga vaata koodi icon_rolleyes.gif Seal on ju kõik olemas.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
c3ltic
HV kasutaja

liitunud: 21.04.2007




sõnum 01.05.2011 13:36:29 vasta tsitaadiga

Ma olen neid koode vahtinud juba niikaua, et silmad krõllis ja ajud sassis, enam ei saa aru, kuidas asi käib. Osad stiilid antakse stiililehelt, osad inline... samas lehe enda käitumine räägib hoopis javascriptist või jQueryst
Kommentaarid: 10 loe/lisa Kasutajad arvavad:  :: 2 :: 0 :: 8
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002




sõnum 01.05.2011 13:44:29 vasta tsitaadiga

No aga mis seal vahet on kus need stiilid antakse?

Kusjuures jQuery ei ole mingi eraldi skriptimiskeel. jQuery on JavaScripti framework. Ja loogiline ju, et kui sul lehe liigutamisega stiilid muutuvad siis see tähendab, et mingi skript neid muudab e. võib järeldada, et mängus on JavaScript. Nüüd otsi see kood üles mis asja teeb.

_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
c3ltic
HV kasutaja

liitunud: 21.04.2007




sõnum 01.05.2011 16:16:55 vasta tsitaadiga

www.epl.ee

Sama värk keskel reklaamikastiga.
Kastile on antud position:static
Konteinerile float: right

Ja muud sealt välja ei loe...
Kommentaarid: 10 loe/lisa Kasutajad arvavad:  :: 2 :: 0 :: 8
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006




sõnum 01.05.2011 17:18:02 vasta tsitaadiga

Mulle tundub, et ilma JS sa seda teha ei saa. Oleks, et ta on ekraani suhtes paigal, siis saaksid ainult CSS abil aga et liigub kaasa kuni ekraani servani, siis on JS mängus.
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
c3ltic
HV kasutaja

liitunud: 21.04.2007




sõnum 01.05.2011 17:18:22 vasta tsitaadiga

EPL lehelt sai leitud selline javascript:

function textbanner_scroll()
{if(window.XMLHttpRequest){if($('#esi-uudised-maindiv').exists()){window.onscroll=function()
{var esi_uudised_pos=$('#esi-uudised-maindiv').offset();var esi_uudised_height=$('#esi-uudised-maindiv').height();var textreklaam_h=$('#tekstireklaam-esi').height();var esi_uudised_top=esi_uudised_pos.top+10;var esi_uudised_bottom=esi_uudised_top+esi_uudised_height-textreklaam_h-20;var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;if(scrolltop>esi_uudised_top&&scrolltop<esi_uudised_bottom)
{$('#tekstireklaam-esi').css('position','fixed');$('#tekstireklaam-esi').css('top','0');}else{$('#tekstireklaam-esi').css('position','static');}}}}}
Array.prototype.removeDuplicates=function(){for(var i=1;i<this.length;i++){if(this[i][0]==this[i-1][0]){this.splice(i,1);}}}
Array.prototype.empty=function(){for(var i=0;i<=this.length;i++){this.shift();}}
String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,'');}
Kommentaarid: 10 loe/lisa Kasutajad arvavad:  :: 2 :: 0 :: 8
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002




sõnum 01.05.2011 21:16:27 vasta tsitaadiga

c3ltic, kui sa tähelepanelikult vaataksid siis siinsamas HV lehel on täpselt samasugune lahendus icon_rolleyes.gif

Aga üldiselt eeldab iga asi mingisuguste baasteadmiste olemasolu. Kui sa mingist asjast aru ei saa siis on täpselt paras aeg natukene uuirda/õppida - tulevikule mõeldes on hea kui sa aru ka saad mis koodi kirjutad. Igatahes lahendus on minuarust piisavalt lihtne, et mitte kandikul ette tuua vaid võiks natukene asja endale selgeks teha.

_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
c3ltic
HV kasutaja

liitunud: 21.04.2007




sõnum 02.05.2011 01:41:37 vasta tsitaadiga

Tänud julgustamast, sain asja tööle icon_biggrin.gif
Muidugi, javascripti oskamata on see koodijada tekkimine (ei oskaks nullist kirjutada) minu jaoks endiselt müstika, ent loogikale sain pihta ning peale pikka katse-eksituse meetodit töötab kõik suurepäraselt.
Kommentaarid: 10 loe/lisa Kasutajad arvavad:  :: 2 :: 0 :: 8
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  DIV positsioneerimine algul absolute ja seejärel fixed
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.