condicional para ejecutar .js por resolucion

Hola, I think this link will give you the information you seek.

gracias por tu respuesta asi lo hice pero aunque no quede conforme por que al bajar la resolucion si no recargo la pagina sigue ejecutandose en tama?o < al grande debe refrescarse la pagina para q funcione ! pero al entrar en modo movil si se ejecuta “en inicio ” pero al estar en la pagina y bajar la resolucion ya no se sigue ejecutando amenos q refresque !

• This reply was modified 5 years, 5 months ago by cronaxvz.

You can add script that listens for the window resize event. Your resize handling script may need to undo whatever was done conditionally by your script for the previous window size. Or it can just reload the page itself so the user does not need to do so.

entiendo lo que dices pero no se como hacer ese codigo ! aclaro q lo intente lo de renderizar pero no lo logre por mi poco conocimiento en JS! si me podrias facilitar algun ejemplo yo lo estoy aplicando asi “este es una porcion del codigo”

jQuery(document).ready(function($){
     detectarTamanio();
     $(window).resize(detectarTamanio);
     });

 function detectarTamanio(){
 if ( window.screen.width > 993){

 window.onscroll = () => {
     const scroll = window.scrollY;

You cannot determine window size from the server. Ergo, you cannot write the conditional in php in a plugin or theme functions.php.

You CAN add a conditional to the JS file to be loaded, however. This is especially simple if you have the entire script in a single function.

Let’s say the script to run IS a single function called smallScreen();

You’re already most of the way there with the snippet you shared.

jQuery(document).ready(function() {
  if (window.width < 600px) { //see comments below about checking for height as well
    smallScreen();
  }
  jQuery(window).on('resize', function() {
    if (window.width < 600px) {
      smallScreen(); //function to execute if window width is less than 600px
    else {
      largeScreen(); //function to execute if window width is 600px or greater.
    });
  }
});

If you also want to account for landscape mode tablets, you’ll want to also check for height, which you can do as an OR statement in the javascript conditional.

if (window.width < 600px || window.height < 800px) {

This must be written in the JS file, and the JS file can be included on a per page basis as in your example, but it cannot be loaded conditionally to device size. However, within the script, you can selectively call the function based on window size.

I hope this helps!