响应但有突破点

Question

是否有使JSSOR响应但是使用断点而不是在窗口调整大小时使项目更小。

换句话说，它以全屏显示4个项目，然后在分辨率为1200的断点处显示4个项目，然后是另一个断点2个项目，然后是另一个断点1项目，但项目始终保持相同的大小。

目前它总是显示4个项目或者您在脚本中设置的任何内容在调整大小时变小，这意味着它最终会在我的布局上以大约20px的突出显示。

断点系统是可行的，因为另一个名为SLICK SLIDER的滑块使用断点但是不可能将它实现到任何页面中，因为它不像JSSOR那样新手友好

Answer 1

是的，可以通过手动脚本实现。

你可以通过这种方式达到目标，

1. 将滑块包裹在容器中

   <div style="width: 100%; overflow: hidden;>
       <div id="slider1_container" ...>
       ...
       </div>
   </div>
   

2. 如果屏幕宽度小于或等于指定值（例如480），则将滑块缩放为双倍宽度

   function ScaleSlider() {
       var bodyWidth = document.body.clientWidth;
       var newWidth = bodyWidth;
       if(bodyWidth <= 480)
           newWidth * = 2;
       if (bodyWidth)
           jssor_slider1.$ScaleWidth(newWidth);
       else
           window.setTimeout(ScaleSlider, 30);
   }