Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Eliminare fișiere duplicat d...

Dezbatere intre cei mai mari infl...

Aditiv pentru adeziv polistiren

Manual reparatie opel astra H
 Multa lume depresiva

Firma colectare deseuri gratuit?

Doresc consultant pt avizare SRL ...

citire contor energie electrica
 Decontare concedii mediale

Global dimming Samsung QLED 65Q80C

Incalzirea in pardoseala se poate...

Amenda vigneta Austria
 Lumina ciudata la becul led din b...

Sistemul de dezvațamant

cum citim contor energie termica ...

Cablu USB cu intrerupator
 

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

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

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