要阻止垂直slick在两个div中滚动,可以使用CSS属性overflow-y: hidden
来隐藏垂直滚动条。具体步骤如下:
parent-container
。.parent-container {
overflow-y: hidden;
}$('.div1').slick({
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
arrows: true,
vertical: false, // 确保水平滚动
// 其他slick选项...
});
$('.div2').slick({
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
arrows: true,
vertical: false, // 确保水平滚动
// 其他slick选项...
});这样,当只悬停在一个div上时,垂直slick将被阻止在两个div之间滚动,同时保留水平滚动的功能。overflow-y: hidden
,这将隐藏垂直滚动条。请注意,以上答案是基于一般情况下的解决方案,具体实现可能因具体的HTML结构和CSS样式而有所不同。