显示水平滚动条,因为绝对定位元素

时间:2021-03-11 09:17:22

标签: javascript html css bootstrap-4 ion-range-slider

在网上商店中,我的分类页面上有一些滑块。 使用这些滑块,我可以在这些价格之间筛选产品。

我的问题是,在移动设备上,会显示水平滚动条,因为这些滑块具有绝对位置,我认为是由 javascript 计算的。

我能用这个做什么?滑块插件名称为:离子范围滑块。

If you want to check the site, you can do it here:

Photo of the problem

<div class="filters_container">
                    <input id="range_03" value="" name="" >
                    <input name="price_from" id="price_from" type="hidden" value="26656">
                    <input name="price_to" id="price_to" type="hidden" value="50533">
                    <input name="slider_from" id="slider_from" type="hidden" value="26656">
                    <input name="slider_to" id="slider_to" type="hidden" value="50533">
                </div>

1 个答案:

答案 0 :(得分:0)

我建议在 row 容器中添加填充,因为选择器的宽度超出了 irs-bar 上下文:

enter image description here