光滑的垂直滚动和覆盖

Question

从这个问题出发，我想知道为什么将滑块的滚动方向设置为“垂直”不能正确地上下滚动？可能是光滑的问题或随附的CSS代码吗？见http://codepen.io/anon/pen/VeELqN

看起来，即使没有CSS代码，垂直滚动也显得非常混乱，并且错误地计算了下一张幻灯片的y顶部位置。

不太确定要在此处放置什么代码来克服此烦人的提示，因此，这是如何初始化平滑对象的方法：

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

Answer 1

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

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