B
blankito1998
Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
perfecto ahora si me funciona, muchas gracias¡Claro! Podemos verificar si hay scroll antes de ejecutar la función checkScroll. Esto se puede hacer comprobando si la altura/anchura del contenido es mayor que la visible. Aquí te dejo tu código modificado:
Hemos añadido la condición para ejecutar checkScroll sólo si hay scroll. Esto significa que si hay un desbordamiento, entonces se asigna la función al evento de scroll y se ejecuta checkScroll una vez.JavaScript:if(document.querySelector('.categorys-all')){ var div = document.getElementsByClassName('categorys-all')[0]; var checkScroll = function() { if (div.scrollLeft === 0) { document.getElementsByClassName('phom2')[0].style.display="none"; document.getElementsByClassName('phom')[0].style.display="block"; } else if (div.scrollLeft + div.clientWidth >= div.scrollWidth) { document.getElementsByClassName('phom2')[0].style.display="block"; document.getElementsByClassName('phom')[0].style.display="none"; } else { document.getElementsByClassName('phom2')[0].style.display="block"; document.getElementsByClassName('phom')[0].style.display="block"; } }; var observer = new MutationObserver(function(){ if(div.scrollHeight > div.clientHeight || div.scrollWidth > div.clientWidth) { document.getElementsByClassName('phom2')[0].style.display="block"; document.getElementsByClassName('phom')[0].style.display="block"; checkScroll(); }else{ document.getElementsByClassName('phom2')[0].style.display="none"; document.getElementsByClassName('phom')[0].style.display="none"; } }); observer.observe(div, { childList: true, attributes: true, subtree: true }); if(div.scrollHeight > div.clientHeight || div.scrollWidth > div.clientWidth) { div.onscroll = checkScroll; checkScroll(); } }
¡Genial! Me alegra escuchar que todo está funcionando bien ahora. Si tienes más preguntas o necesitas ayuda adicional, no dudes en preguntar. ¡Feliz codificación!perfecto ahora si me funciona, muchas gracias
una duda, con el observer se puede detectar un cambio mysql en tiempo real?¡Genial! Me alegra escuchar que todo está funcionando bien ahora. Si tienes más preguntas o necesitas ayuda adicional, no dudes en preguntar. ¡Feliz codificación!
No, el Observer en JavaScript no puede detectar cambios en una base de datos MySQL de manera directa, ya que son objeto de la interfaz de APIs del DOM y sólo pueden observar cambios en los nodos del DOM.una duda, con el observer se puede detectar un cambio mysql en tiempo real?
y seria mejor usar setinterval o observer?
que significa return en js?No, el Observer en JavaScript no puede detectar cambios en una base de datos MySQL de manera directa, ya que son objeto de la interfaz de APIs del DOM y sólo pueden observar cambios en los nodos del DOM.
Para detectar cambios en una base de datos MySQL en tiempo real, necesitarías implementar una solución en el lado del servidor que emita eventos cuando los datos cambian, y luego manejar esos eventos en el cliente. Esto podría hacerse utilizando una tecnología como WebSockets, Server-Sent Events (SSE), o una biblioteca como socket.io.
Respecto a tu segunda pregunta, setInterval y el Observer tienen diferentes usos. setInterval se utiliza para ejecutar un bloque de código a intervalos regulares de tiempo. Por otro lado, el Mutation Observer se utiliza para reaccionar a cambios en el DOM.
En general, sería más eficiente usar un Observer para reaccionar a cambios en tiempo real en el DOM, ya que los eventos se disparan sólo cuando ocurre un cambio, y no se requiere la verificación constante de los intervalos. Esta eficiencia es especialmente evidente cuando se manejan grandes cantidades de datos o se realizan operaciones costosas.
que significa return en js?
es que tenia una parte con clearinterval y veo que lo cambiaste por return
return
en JavaScript se utiliza para especificar el valor que una función debe devolver. Cuando se encuentra con la declaración return
, JavaScript terminará la función y devolverá el valor especificado.clearInterval
anteriormente, probablemente fue para detener una función recurrente que estaba definida con setInterval
. Si reemplacé clearInterval
por return
, es probable que haya sido en un contexto donde ya no queríamos que la función continue ejecutándose, por lo que se usó return
para finalizarla inmediatamente.function ejemplo() {
// algún código...
if (condicion) {
return;
}
// más código que no se ejecutará si la condición es verdadera...
}
ejemplo
se detendrá y el "más código" no se ejecutará.mm listo listo entonces return es como un clearinterval mas o menos o no?return
en JavaScript se utiliza para especificar el valor que una función debe devolver. Cuando se encuentra con la declaraciónreturn
, JavaScript terminará la función y devolverá el valor especificado.
Si utilizasteclearInterval
anteriormente, probablemente fue para detener una función recurrente que estaba definida consetInterval
. Si reemplacéclearInterval
porreturn
, es probable que haya sido en un contexto donde ya no queríamos que la función continue ejecutándose, por lo que se usóreturn
para finalizarla inmediatamente.
Por ejemplo:
JavaScript:function ejemplo() { // algún código... if (condicion) { return; } // más código que no se ejecutará si la condición es verdadera... }
En el código anterior, si "condicion" es verdadera, la funciónejemplo
se detendrá y el "más código" no se ejecutará.
No exactamente. "return" y "clearInterval" tienen propósitos diferentes.mm listo listo entonces return es como un clearinterval mas o menos o no?
mm vale graciasNo exactamente. "return" y "clearInterval" tienen propósitos diferentes.
El comando "return" en JavaScript se utiliza para terminar una función y devolver un valor de esa función. Esto significa que cuando el código alcanza la palabra clave "return", detendrá la ejecución de la función actual y devolverá el valor especificado.
Por otro lado, "clearInterval" se utiliza para detener un intervalo de tiempo que se ha establecido previamente con "setInterval". Esto implica detener la ejecución recurrente de una cierta función que había sido establecida para ejecutarse a intervalos de tiempo regular.
Así que aunque ambas opciones pueden detener la ejecución de funciones, lo hacen de formas diferentes y en contextos distintos. La elección de usar uno u otro dependerá del propósito que tengas en tu código.
De nada. Si tienes más preguntas sobre programación o cualquier otro tema, no dudes en preguntar. ¡Estoy aquí para ayudar!mm vale gracias
como hago que se cambie solo si es mayor de 770px?De nada. Si tienes más preguntas sobre programación o cualquier otro tema, no dudes en preguntar. ¡Estoy aquí para ayudar!
Tu pregunta parece estar relacionada con las Consultas de Medios en CSS. Si quieres que ciertas reglas de CSS se apliquen solo si el ancho de la ventana del navegador es mayor de 770px, deberías usar
min-width
en lugar de max-width
. Aquí te dejo un ejemplo:@media screen and (min-width: 771px) {
/* Tus reglas CSS van aquí. Estas se aplicarán sólo si el ancho de la ventana del navegador es más de 770px.*/
}
que resoluciones me recomiendas cambiar el stylo en tlf?Tu pregunta parece estar relacionada con las Consultas de Medios en CSS. Si quieres que ciertas reglas de CSS se apliquen solo si el ancho de la ventana del navegador es mayor de 770px, deberías usarmin-width
en lugar demax-width
. Aquí te dejo un ejemplo:
Recuerda que las reglas CSS dentro de este bloque se aplicarán solo si la condición se cumple (es decir, si el ancho de la pantalla es mayor de 770px).CSS:@media screen and (min-width: 771px) { /* Tus reglas CSS van aquí. Estas se aplicarán sólo si el ancho de la ventana del navegador es más de 770px.*/ }
Hay varias resoluciones de pantalla de teléfonos móviles populares a las que podrías apuntar al diseñar tu sitio web. Sin embargo, aquí te dejo algunas de las más comunes:que resoluciones me recomiendas cambiar el stylo en tlf?
dime la de tablets tmb porfaHay varias resoluciones de pantalla de teléfonos móviles populares a las que podrías apuntar al diseñar tu sitio web. Sin embargo, aquí te dejo algunas de las más comunes:
1. Pequeño teléfono móvil (por ejemplo, iPhone 5): 320px de ancho.
2. Teléfono móvil de tamaño medio (por ejemplo, iPhone 6/7/8): 375px de ancho.
3. Teléfono móvil grande (por ejemplo, iPhone 6/7/8 Plus): 414px de ancho.
Y por supuesto, las dimensiones para las tabletas son normalmente superiores a estas.
Sin embargo, la práctica moderna recomienda el uso de un enfoque de diseño "responsive" que permita a tu sitio web adaptarse a cualquier tamaño de pantalla en lugar de centrarse en tamaños de pantalla específicos. Esto significa escribir tu CSS de tal manera que tu diseño se vea bien en todas las resoluciones de pantalla, no sólo en las más populares.
Por supuesto, aquí tienes algunas de las resoluciones más comunes para tablets:dime la de tablets tmb porfa
esa es la resolucion mas grande de tablet?Por supuesto, aquí tienes algunas de las resoluciones más comunes para tablets:
1. Pequeñas Tablets: Alrededor de 600px de ancho.
2. Tablets Medianas (por ejemplo, iPad): 768px de ancho.
3. Tablets Grandes: Alrededor de 1024px de ancho.
Recuerda que estos son valores aproximados y la resolución real puede variar dependiendo del dispositivo específico. También es relevante que sigas utilizando un enfoque de diseño responsivo, que se adapte bien a todas las resoluciones de pantalla.
Las tablets grandes pueden tener resoluciones que superan los 1024px de ancho, especialmente las tablets de gama alta. Por ejemplo, el iPad Pro 12.9" tiene una resolución de 1024px en modo retrato, pero en modo paisaje, la resolución alcanza los 1366px de ancho.esa es la resolucion mas grande de tablet?
como asi, explicame porfaLas tablets grandes pueden tener resoluciones que superan los 1024px de ancho, especialmente las tablets de gama alta. Por ejemplo, el iPad Pro 12.9" tiene una resolución de 1024px en modo retrato, pero en modo paisaje, la resolución alcanza los 1366px de ancho.
Es importante recordar que, al usar CSS y Media Queries, deberías estar diseñando con un enfoque responsable para acomodar una variedad de tamaños de pantalla y no únicamente enfocarte en resoluciones específicas.
Claro. Cuando hablamos de diseño responsivo, nos referimos a la capacidad de un sitio web para adaptarse y verse bien en una variedad de dispositivos y tamaños de pantalla.como asi, explicame porfa
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?