[CODE](function ($) {
$(window).load(function () {
if($(".scroll-filter").length)
{
$(".scroll-filter").mCustomScrollbar({
scrollInertia:0,
mouseWheel: {
enable: true
},
scrollButtons: {
enable: true,
scrollAmount: 25,
scrollType:'stepless'
},
advanced:{
updateOnContentResize: true,
updateOnBrowserResize: true
}
});
}
});
})(jQuery);
[/CODE]
Это в шаблоне компонента фильтра (часть кода фильтра, где по классу цепляемся)
Если значений поля больше либо равно 12, то выводи класс scroll-filter для скролла + тема скролла
[CODE]<?
$count = count($arItem["VALUES"]);
?>
<div class="bx_filter_block">
<div class="bx_filter_parameters_box_container">
<div <?if($count>=12):?>class="scroll-filter" data-mcs-theme="inset-2-dark"<?endif;?>>
<?
$arCur = current($arItem["VALUES"]);
switch ($arItem["DISPLAY_TYPE"])
{
case "A"://NUMBERS_WITH_SLIDER
?>
<div class="uk-nbfc">
<div class="bx_filter_parameters_box_container_block">
<div class="bx_filter_input_container">
<input
class="min-price"
type="text"
name="<?echo $arItem["VALUES"]["MIN"]["CONTROL_NAME"]?>"
id="<?echo $arItem["VALUES"]["MIN"]["CONTROL_ID"]?>"
value="<?echo $arItem["VALUES"]["MIN"]["HTML_VALUE"]?>"
size="5"
onke yup="smartFilter.keyup(this)"
/>
</div>
</div>
<div class="bx_filter_parameters_box_container_block">
<div class="bx_filter_input_container">
<input
class="max-price"
type="text"
name="<?echo $arItem["VALUES"]["MAX"]["CONTROL_NAME"]?>"
id="<?echo $arItem["VALUES"]["MAX"]["CONTROL_ID"]?>"
value="<?echo $arItem["VALUES"]["MAX"]["HTML_VALUE"]?>"
size="5"
onke yup="smartFilter.keyup(this)"
/>
</div>
</div>
</div>[/CODE]
Вот так будет выглядеть
Плагин скролла видимо вот этот
[URL=http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html]http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/complete_examples.html[/URL]