2015-05-20 35 views
0

Я хочу, чтобы мои пользователи уменьшили размер браузера до 400px.Браузер изменения размера JQuery

Он может сделать это с помощью JQuery?

Мне нужен был короткий пример.

+0

Абсолютно нет. Браузер - это песочница, которая содержит и выполняет javascript. Язык не имеет полномочий над ящиком, который содержит его. Тем не менее, вы можете ограничить ширину страницы 'body {min-width: 400px}', что может добавить полосы прокрутки. –

ответ

2

Here реализована функция, которая два события аккуратный на пользователя DOM элемента:

resizestart 
resizeend 

Код:

var resizeEventsTrigger = (function() { 
    function triggerResizeStart($el) { 
     $el.trigger('resizestart'); 
     isStart = !isStart; 
    } 

    function triggerResizeEnd($el) { 
     clearTimeout(timeoutId); 
     timeoutId = setTimeout(function() { 
      $el.trigger('resizeend'); 
      isStart = !isStart; 
     }, delay); 
    } 

    var isStart = true; 
    var delay = 200; 
    var timeoutId; 

    return function ($el) { 
     isStart ? triggerResizeStart($el) : triggerResizeEnd($el); 
    }; 

})(); 

$("#my").on('resizestart', function() { 
    console.log('resize start'); 
}); 
$("#my").on('resizeend', function() { 
    console.log('resize end'); 
}); 

window.onresize = function() { 
    resizeEventsTrigger($("#my")); 
}; 
Смежные вопросы