¡Tengo una pregunta! Tengo una imagen en la parte inferior de la imagen cuando el teléfono móvil está instalado. Espero que después de ingresar al sitio web, el usuario pueda levantar automáticamente la pantalla del pato un poco después de 1 segundo, para que el pato se pueda mostrar en el teléfono móvil. Justo en el medio>
Pero ahora tengo dos problemas, porque mi programa no ha sido un programa web durante mucho tiempo, no sé si puedo escribirlo así. ¿Qué pasa con el medio? 2. ¿Cómo hacer que el pato se desplace hacia el medio después de un segundo después de cargar la página?
Gracias por ver mi pregunta, me haya ayudado o no con las preguntas anteriores.
window.onload = function(){ $('html,body').animate({scrollTop:600},1000); } body{ width: 100%; height: 1200px; display: flex; justify-content:center; align-items:center; } #js-duck{ display: inline-block; width:200px; height: 200px; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <img id="js-duck" src="https://upload.cc/i1/2022/02/15/UB1kXd.png" alt="duck">Para ejecutar código retrasado, puede usar la función setTimeout();
... setTimeout(function() { // Delayed code here }, 1000); // Time after which the code gets executed in seconds (1000 = 1s) ...Acerca de mostrar un elemento en el medio, puede establecer la propiedad de visualización del elemento en cualquier cosa en línea (que img ya está) y usar text-align: center; en el padre. Para la alineación vertical, personalmente uso una solución bastante obsoleta, así que se lo dejaré a otra persona.