光滑的垂直滚动和叠加

Question

继this问题之后，我想知道为什么将滑块的滚动方向设置为垂直而不能正确上下滚动？这可能是光滑的问题，或伴随它的CSS代码？见http://codepen.io/anon/pen/VeELqN

即使没有CSS代码，也会出现垂直滚动显示非常破碎并错误计算下一张幻灯片的顶部y位置。

不确定要放在这里的代码可以通过这个恼人的提示，这就是光滑对象的初始化方式：

$('#slider').slick({
    autoPlay:true,
    dots: true,
    arrows: true,
    vertical: true,
  }); 

Answer 1

正如您可以从浏览器的开发人员工具中看到的那样，插件错误地计算了一些光滑幻灯片元素的高度，因为光滑的设置值为'auto'，从而覆盖了您的规则。 您可以通过将css规则更改为以下内容来解决此问题：

.slick-slide {
    height: 200px !important;
}