Buenas noches como haría para el momento de hacer Scroll cambie el texto por un logo y así quede el menu
-
check_circle_outlineMódulo 1 | 8 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 11 clases
Sección portada
expand_more -
check_circle_outlineMódulo 3 | 7 clases
Sticky Navigation
expand_more-
done_all
Clase 1
20.- Sticky Navigation
-
done_all
Clase 2
21.- Marcado de la navegación
-
done_all
Clase 3
22.- Ocultar navegación inicial e importar jQuery
-
done_all
Clase 4
23.- Monitorear el scroll
-
done_all
Clase 5
24.- Scroll al final de la pantalla
-
done_all
Clase 6
25.- Monitorear navegación en scroll
-
done_all
Clase 7
26.- Animar entrada del menú
-
-
check_circle_outlineMódulo 4 | 5 clases
Menú con imágenes
expand_more -
check_circle_outlineMódulo 5 | 5 clases
Slider
expand_more -
check_circle_outlineMódulo 6 | 12 clases
Formulario de contacto
expand_more -
check_circle_outlineMódulo 7 | 6 clases
Mapa
expand_more -
check_circle_outlineMódulo 8 | 9 clases
Offline
expand_more -
check_circle_outlineMódulo 9 | 9 clases
Responsive Design
expand_more -
check_circle_outlineMódulo 10 | 4 clases
Deploy
expand_more -
check_circle_outlineMódulo 11 | 1 clases
Retroalimentación de proyecto
expand_more -
check_circle_outlineMódulo 12.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-
3 comentario(s)
En firefox no funciona !!
Eh estado trabajando en chrome y va todo bien, pero en mozilla la barra de navegación simplemente no se ve, es decir esta ahi porque desaparece el menú del principio, estuve inspeccionando y no se muestra a menos que cambie los valores del position, es decir, si esta en
position: fixed;
position absolute;
no se muestra, entonces cambie esos valores y se ve pero no se comporta como deveria.. obviamente
Eh estado trabajando en chrome y va todo bien, pero en mozilla la barra de navegación simplemente no se ve, es decir esta ahi porque desaparece el menú del principio, estuve inspeccionando y no se muestra a menos que cambie los valores del position, es decir, si esta en
position: fixed;
position absolute;
no se muestra, entonces cambie esos valores y se ve pero no se comporta como deveria.. obviamente
por si alguien ah tenido algun problema hasta le momento dejo como deberia de esatr el main.js hasta este video:
;(function(){
let sticky = false
$("sticky-navigation").removeClass("hidden")
$("#sticky-navigation").slideUp(0)
$(window).scroll(()=>{
const inBottom = isInBottom()
if (inBottom && !sticky){
// Mostrar la navegación sticky
sticky = true
stickNavigation()
}
if(!inBottom && sticky){
// Ocultar la navegación sticky
sticky = false
unStickNavigation()
}
})
function stickNavigation(){
$("#description").addClass("fixed").removeClass("absolute")
$("#navigation").slideUp("slow")
$("#sticky-navigation").slideDown("slow")
}
function unStickNavigation(){
$("#description").removeClass("fixed").addClass("absolute")
$("#navigation").slideDown("slow")
$("#sticky-navigation").slideUp("slow")
}
function isInBottom(){
const $description = $("#description")
const descriptionHeight = $description.height()
return $(window).scrollTop() > $(window).height() - (descriptionHeight * 2)
}
})()
;(function(){
let sticky = false
$("sticky-navigation").removeClass("hidden")
$("#sticky-navigation").slideUp(0)
$(window).scroll(()=>{
const inBottom = isInBottom()
if (inBottom && !sticky){
// Mostrar la navegación sticky
sticky = true
stickNavigation()
}
if(!inBottom && sticky){
// Ocultar la navegación sticky
sticky = false
unStickNavigation()
}
})
function stickNavigation(){
$("#description").addClass("fixed").removeClass("absolute")
$("#navigation").slideUp("slow")
$("#sticky-navigation").slideDown("slow")
}
function unStickNavigation(){
$("#description").removeClass("fixed").addClass("absolute")
$("#navigation").slideDown("slow")
$("#sticky-navigation").slideUp("slow")
}
function isInBottom(){
const $description = $("#description")
const descriptionHeight = $description.height()
return $(window).scrollTop() > $(window).height() - (descriptionHeight * 2)
}
})()
Clase 26