Изменение размера Ширина / Высота ползунка при изменении размера окна

Question

Я создаю веб-сайт, который динамически изменяет размеры при изменении размера окна браузера.Это достигается с помощью процентов в CSS.Однако мне также нужно, чтобы размер моего ползунка для аккордеона изменился, так как размер окна браузера изменен, но я не думаю, что это можно сделать с помощью CSS.Я предполагаю, что лучший способ решить эту проблему - использовать jQuery, но я не могу понять, как это сделать.Как я могу изменить высоту и ширину ползунка при изменении размера окна.Мы будем благодарны за любую помощь.

Страница находится по адресу: [ссылка удалена]

Answer 1

Точный подход будет зависеть от того, какой плагин вы используете для слайдера, но вы захотите начать с добавления функции к событию resize. Вот некоторая документация по этому вопросу: http://api.jquery.com/resize/

И пример:

$(function() {
    $(window).resize(function() {
        //do your resizing stuff here
        alert('You resized me!');
    });
});

Answer 2

для изменения размера будет использован следующий код

(function ($){
  $(window).resize(function(){
     var w = $('#kwicks').width();
     var eachw = (w/5.0);
console.log(w,eachw);
     $('.kwick').css('width',eachw+'px').css('left',function(idx){return idx*eachw});
  });
})(jQuery);

но вы также должны указать плагину использовать новые значения при анимации, и я не знаю, поддерживают ли они это.

Answer 3

Не видя ваш код Jwery Kwicks, трудно дать хороший ответ, но из того, что я могу сказать, вам лучше всего рассчитать текущий размер окна с помощью JS, а затем установить "min" размер вашего аккордеона Kwicks изатем обновите его соответствующим образом.

edit: для получения дополнительной информации ghostpool, что-то вроде этого

//after acknowledging window size change
var minsize = applicableAccordianWidth / numberOfElements;
$('.kwicks').kwicks({  
    min: minsize,  
    spacing:  5  
});

Вы должны иметь возможность повторно инициализировать контейнер kwicks и отправить опцию для минимального размера на основена размер элемента, деленного на количество элементов в аккордеоне.