Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Mezina familiei, Merida BigNine

The Tattooist of Auschwitz (2024)

Se poate recupera numar de telefo...

Upgrade de la MacBook Pro M1 cu 8...
 Ce tip de monitor am nevoie pt of...

Resoftare camera supraveghere

Cu ce va aparati de cainii agresi...

Nu imi platiti coletul cu cardul ...
 Exista vreun plan de terorizare p...

Schimbare adresa DNS IPv4 pe rout...

Recomandare Barebone

Monede JO 2024
 Suprasolicitare sistem electric

CIV auto import

Mutare in MOZAMBIC - pareri, expe...

Scoatere antifurt airtag de pe ha...
 

Schimbare bg div in timpul scrollului

- - - - -
  • Please log in to reply
6 replies to this topic

#1
grobian

grobian

    Junior Member

  • Grup: Members
  • Posts: 94
  • Înscris: 07.08.2016
Ma poate ajuta cineva cu un cod ?

http://codepen.io/anon/pen/gwxXrW
as vrea ca atunci cand trec de div-ul rosu in timpul scrollului, sa se schimbe culoarea div-ului albastru

fix cand trec de ala rosu, nu cand incep sa scrollez

edit
a, si sa nu ramana asa, cand dau scroll in sus si am ajuns la div-ul rosu, cel albastru sa revina la culoarea lui  :D

Edited by grobian, 29 September 2016 - 22:25.


#2
colombo2003

colombo2003

    Senior Member

  • Grup: Senior Members
  • Posts: 6,312
  • Înscris: 16.07.2008
Foarte simplu! Adauga asta:

$(document).ready(function(){	  
			var scroll_pos = 0;
			$(document).scroll(function() {
				scroll_pos = $(this).scrollTop();
				if(scroll_pos > 250) { 
					$("#nume2").css('background-color', 'cyan');   // aici ii pui culoare in care vrei sa se schimbe
				} else {
					$("#nume2").css('background-color', 'blue');
				}
			});
		});



#3
grobian

grobian

    Junior Member

  • Grup: Members
  • Posts: 94
  • Înscris: 07.08.2016

View Postcolombo2003, on 30 septembrie 2016 - 00:04, said:

Foarte simplu! Adauga asta:

$(document).ready(function(){	
		 var scroll_pos = 0;
		 $(document).scroll(function() {
			 scroll_pos = $(this).scrollTop();
			 if(scroll_pos > 250) {
				 $("#nume2").css('background-color', 'cyan'); // aici ii pui culoare in care vrei sa se schimbe
			 } else {
				 $("#nume2").css('background-color', 'blue');
			 }
		 });
	 });

mersi

am uitat sa fac asta in acel pen
#nume1 nu are height fix (250), ci depinde de alte chestii care sunt in interiorul lui

poti sa imi dai ceva care functioneaza daca #nume1 are 'height:auto' Posted Image ?

Edited by grobian, 30 September 2016 - 00:34.


#4
motanu_mic

motanu_mic

    Senior Member

  • Grup: Senior Members
  • Posts: 2,041
  • Înscris: 16.12.2013
Tare, ce simplu e

#5
colombo2003

colombo2003

    Senior Member

  • Grup: Senior Members
  • Posts: 6,312
  • Înscris: 16.07.2008
O sa incerc sa ma gandesc, sa vad si sa incerc ceva. Ar trebuie (cred) sa mearga si asa, dar nu stiu... si nu garantez ca voi si reusi.
Ne auzim. Daca nu e prea urgent (rapid), poate dupa wk.

#6
colombo2003

colombo2003

    Senior Member

  • Grup: Senior Members
  • Posts: 6,312
  • Înscris: 16.07.2008
Mestere, hai ca am mi-am facut putin timp. Fii antena...!

Dupa linia var scroll_pos = 0; pune asta:
var scroll_height = 0;


Inainte de if-ul "buclucas", pune asta:
scroll_height = $('#nume1').height();


Iar in if, inlocuieste pe 250 cu  scroll_height.

Succes!

#7
grobian

grobian

    Junior Member

  • Grup: Members
  • Posts: 94
  • Înscris: 07.08.2016

View Postcolombo2003, on 30 septembrie 2016 - 21:00, said:

Mestere, hai ca am mi-am facut putin timp. Fii antena...!

Dupa linia var scroll_pos = 0; pune asta:
var scroll_height = 0;


Inainte de if-ul "buclucas", pune asta:
scroll_height = $('#nume1').height();


Iar in if, inlocuieste pe 250 cu  scroll_height.

Succes!
mersi.

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate