Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Telefoane low end - generalitati

setare permanenta 16:10 in VLC?

iMessage with PQ3: The new state ...

Schimbare nume strada se schimba ...
 ¨Pentru ca ti-a placut Einstein &...

Produsele marca proprie ar putea ...

Slabire burta

Extender mikrotik
 Puț apa in comuna Berceni Il...

Configurare router TP-Link (trans...

Informatie job secundar

VLC Media Player
 WoW Ascension parere

Eliberare fiscal - ajutor

Caut un NVR model HGNVK-48902

Baterie Macht
 

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

Bun venit pe Forumul Softpedia!

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