jquery - 光滑的垂直滚动和覆盖

Question

从 this 开始问题，我想知道为什么将 slider 的滚动方向设置为垂直不能正常上下滚动？这可能是光滑的问题，还是伴随它的 CSS 代码？参见 http://codepen.io/anon/pen/VeELqN

看起来，即使没有 CSS 代码，垂直滚动看起来也很糟糕，并且错误计算了下一张幻灯片的顶部 y 位置。

不太确定要在此处放置什么代码来克服这个烦人的提示，所以这就是 slick 对象的初始化方式:

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

Answer 1

您可以从浏览器的开发人员工具中观察到，一些 slick-slide 元素的高度已被插件计算错误，因为 slick 将该值设置为“auto”，从而覆盖了您的规则。 您可以通过将 css 规则更改为以下内容来解决此问题:

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