Modificar Elementos Mediante Scroll - Nebaris

7/25/2019 Modificar Elementos Mediante Scroll - Nebaris

1/10

28/1/2016 Modificar elementos mediante scroll - Nebaris

http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll 1/10

Gabriel Kaplan

normalize.css

9Like

FRONT END CSS JQUERY
http://www.nebaris.com/blog/1/tag/4/jqueryhttp://www.nebaris.com/blog/1/tag/1/csshttp://www.nebaris.com/blog/1/tag/7/front-endhttp://necolas.github.io/normalize.css/http://www.nebaris.com/blog/1/autor/5/gabriel-kaplan


2/10




3/10




4/10




5/10



Cursos Foro Blog Toolbox Acerca de... Preguntas

Login
http://www.nebaris.com/http://www.nebaris.com/loginhttp://www.nebaris.com/preguntas-frecuenteshttp://www.nebaris.com/acerca-dehttp://www.nebaris.com/toolboxhttp://www.nebaris.com/bloghttp://www.nebaris.com/forohttp://www.nebaris.com/cursos


6/10



este otro

[email protected]

Galera de imgenes con zoom informativo en jQuery y CSS

Tutorial Crear un plugin jQuery

Jornada Desarrollo web con HTML-CSS-jQuery

Jornada Desarrollo web con HTML-CSS-jQuery

Curso jQuery desde 0 - Introduccin

9Like
http://www.nebaris.com/post/281/curso-jquery-desde-0--introduccionhttp://www.nebaris.com/post/142/jornada-desarrollo-web-con-html-css-jqueryhttp://www.nebaris.com/post/107/jornada-desarrollo-web-con-html-css-jqueryhttp://www.nebaris.com/post/289/tutorial-crear-un-plugin-jqueryhttp://www.nebaris.com/post/46/galeria-de-imagenes-con-zoom-informativo-en-jquery-y-cssmailto:[email protected]://nebaris.com/post/84/navegacion-web-basada-en-la-pseudo-clase-hoverhttp://ar.linkedin.com/in/gabrielfkaplanhttps://plus.google.com/109747649621400754615https://twitter.com/gabriel_kaplanhttps://www.facebook.com/gabrielfkaplan


7/10



// RECURSOS GRATIS TODAS LAS SEMANAS

+1800 personas ya se suscribieron. Suscribite vos tambin al newsletter TOOLBOX y recib

en tu email una recopilacin semanal de las herramientas ms importantes para diseo y

programacin. Todos los mircoles. Fcil de desuscribirse. No spam. Cuidamos tu direccin

de email y no la compartimos. VERIFIC QUE EL FILTRO DE SPAM NO BLOQUEENUESTROS EMAILS.

Direccin de email

Nombre

SUSCRIBITE

20 Comentarios 1

Almogver

Genial !! M'he he planteado muchas veces una portal semejante i no tenia ni idea de

como actuar !! Perfecto !

Solo una duda :

// scrollTop la posicin del elemento

height = $(event.target).scrollTop();

Esto devuelve la altura el punto en el que se encuentra la parte visible de mas arriba (

Altura actual de las esquinas de la pgnia, no del navegador ).???

Gracias

Gabriel Kaplan Moderador

Exacto, ese punto es el que devuelve
https://disqus.com/home/forums/nebaris/https://disqus.com/by/almogver/https://disqus.com/by/almogver/https://disqus.com/by/gabrielkaplan/https://disqus.com/by/almogver/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150081726http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150796584https://disqus.com/by/gabrielkaplan/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150081726https://disqus.com/by/almogver/https://disqus.com/home/inbox/https://disqus.com/home/forums/nebaris/


8/10



Anthony Webster

Buenisimo


Gracias

Pau Company

Mucho pedir lo mismo pero responsive ? . Genial . Gracias por el aporte. Si pudierais

hacer un menu con tres niveles responsive igualmente, prometo regalaros una cesta

de Navidad XD


Veremos qu podemos hacer... yo cumplo el 25... as que la espero :P

Pau Company

jajajajajajaja. Dalo por echo. Mandame direccin de envi. Gracias por tu

inters y la calidad del codigo que noe ofreces a todos.


Mientras tanto pods mirar este artculo http://www.nebaris.com/post/82...quete va a ayudar

Demstenes

excelente aportacion!!


Muchas gracias Demstenes

No Gmez

muy buen articulo, justo lo que andaba buscando.... gracias gabriel por poner

contenido tan valioso en tu blog espero sigas poniendo mas como los que has estado

poniendo


Muchas gracias No. Estoy trabajando en la prxima versin de Nebaris... muy

pronto habr mucho ms que artculos :)
https://disqus.com/by/gabrielkaplan/https://disqus.com/by/paucompany/https://disqus.com/by/gabrielkaplan/https://disqus.com/by/anthonywebster/https://disqus.com/by/gabrielkaplan/https://disqus.com/by/nogmez/https://disqus.com/by/gabrielkaplan/https://disqus.com/by/betocracks/https://disqus.com/by/gabrielkaplan/https://disqus.com/by/paucompany/https://disqus.com/by/gabrielkaplan/https://disqus.com/by/paucompany/https://disqus.com/by/gabrielkaplan/https://disqus.com/by/anthonywebster/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1323369467http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1323837771https://disqus.com/by/gabrielkaplan/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1323369467https://disqus.com/by/nogmez/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1153330041http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1323836694https://disqus.com/by/gabrielkaplan/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1153330041https://disqus.com/by/betocracks/http://www.nebaris.com/post/82/modificando-secciones-con-css-media-querieshttp://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150551582http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150799085https://disqus.com/by/gabrielkaplan/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150797228http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150847923https://disqus.com/by/paucompany/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150551582http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150797228https://disqus.com/by/gabrielkaplan/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150551582https://disqus.com/by/paucompany/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150212527http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150796728https://disqus.com/by/gabrielkaplan/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1150212527https://disqus.com/by/anthonywebster/


9/10



No Gmez

que bueno saberlo estar al pendiente de la nueva versin jeje

Cristian Gonzalez

Consulta, cuando hago click en un botn en una pagina que constru, luego del click

realiza un scroll al principio de la pagina. Como puedo evitar esto?


Tens que indicarle al botn a qu seccin debe ir de la pgina utilizando un

marcador... o a travs de JavaScript controlando el evento.

Hugo

Hola Gabriel, me pareci excelente tu tutorial, felicidades!. No se si me puedas

orientar, quiero que aparezca el menu cuando bajes el scroll, es decir que la pantalla

principal no tenga menu, pero cuando utilices el scroll a determinada altura aparezca

el menu y haga exactamente lo que llevaste a cabo en este tutorial.

Te agradezco la ayuda!


No tengo un artculo sobre eso, pero dejo anotado el pedido para un artculofuturo.

Karen Mossetto

Te agradezco inmensamente la publicacin !! :D :D :D


De nada, un gusto servirte de ayuda.

Dario

Funciona perfecto, lo implemente a mi plantilla joomla y descubr que no anda porque

entra en conflicto en el head cuando hace el llamado a la siguiente linea

si elimino eso de mi plantilla funciona perfecto pero veo mal el sitio..

Tenes alguna idea de por que puede ser?

Saludos y muchas gracias
https://disqus.com/by/gabrielkaplan/https://disqus.com/by/karenmossetto/https://disqus.com/by/gabrielkaplan/https://disqus.com/by/gabrielkaplan/https://disqus.com/by/disqus_4O8bsuoP7I/https://disqus.com/by/nogmez/https://help.disqus.com/customer/portal/articles/1657951?utm_source=disqus&utm_medium=embed-footer&utm_content=privacy-btnhttps://publishers.disqus.com/engage?utm_source=nebaris&utm_medium=Disqus-Footerhttps://disqus.com/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-2050303918http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1913963793http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1917974772https://disqus.com/by/gabrielkaplan/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1913963793https://disqus.com/by/karenmossetto/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1779458800http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1793171521https://disqus.com/by/gabrielkaplan/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1779458800http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1716692602http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1722057653https://disqus.com/by/gabrielkaplan/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1716692602https://disqus.com/by/disqus_4O8bsuoP7I/http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1323837771http://www.nebaris.com/post/94/modificar-elementos-mediante-scroll#comment-1324457257https://disqus.com/by/nogmez/


10/10


// / / / f /
http://www.facebook.com/Nebarishttps://twitter.com/nebariswebhttp://www.youtube.com/user/nebarisvideoshttp://www.linkedin.com/company/nebarishttp://feeds.feedburner.com/Nebarishttps://help.disqus.com/customer/portal/articles/1657951?utm_source=disqus&utm_medium=embed-footer&utm_content=privacy-btnhttps://publishers.disqus.com/engage?utm_source=nebaris&utm_medium=Disqus-Footerhttps://disqus.com/

Modificar Elementos Mediante Scroll - Nebaris

Documents

Transcript of Modificar Elementos Mediante Scroll - Nebaris