我正在尝试使用jQuery创建一个垂直滑块,以响应屏幕大小的变化并且移动友好。我查看了诸如光滑(http://kenwheeler.github.io/slick/)和lightSlider(http://sachinchoolur.github.io/lightslider/index.html)之类的库。我正在寻找的东西就像这里显示的第一个例子(http://sachinchoolur.github.io/lightslider/examples.html),除了垂直。虽然两个库都支持垂直模式和响应功能,但当我尝试制作垂直滑块时,我无法使其响应。
灯光滑块的设置如下:
var settings = {
item:5,
loop: true,
vertical: true,
controls: true,
mode: 'slide',
pager: false,
enableTouch: true,
slideMargin:-10,
pause: 1000,
speed: 400,
adaptiveHeight: true,
responsive: [
{
breakpoint: 300,
item: 3
}
]
};
属性'breakpoint'指定调整滑块设置的大小,但我注意到它仅适用于窗口宽度。当滑块处于垂直模式时,有没有办法检查窗口高度?