在更改路线和调整窗口大小后，Slick Carousel的高度降至零
Slick Carousel是一个流行的前端轮播插件，用于创建响应式的图片或内容轮播。当更改路线或调整窗口大小后，Slick Carousel的高度降至零的问题可能是由于以下原因导致的：
- CSS样式问题：检查是否存在与Slick Carousel相关的CSS样式冲突或错误。可能需要调整或修复相关的CSS样式，以确保正确的高度计算和显示。
- JavaScript错误：检查是否存在与Slick Carousel相关的JavaScript错误。可能需要查看浏览器控制台以获取任何错误消息，并相应地修复代码。
- 数据加载问题：如果Slick Carousel的内容是通过异步加载或动态生成的，那么在更改路线或调整窗口大小后，可能需要确保内容已正确加载并且高度已经计算。
- 响应式设置问题：Slick Carousel提供了一些响应式设置选项，可以根据不同的窗口大小调整轮播的显示方式。检查是否正确配置了响应式设置，以适应不同的窗口大小。
推荐的腾讯云相关产品：腾讯云CDN（内容分发网络）可以帮助加速静态资源的传输，提高网站的访问速度和稳定性。您可以使用腾讯云CDN来加速Slick Carousel的图片或内容加载。了解更多信息，请访问腾讯云CDN产品介绍页面：https://cloud.tencent.com/product/cdn
请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。在解决问题时，建议参考Slick Carousel的官方文档和相关资源，以获取更准确和详细的信息。
相关·内容
当我切换到vue.js应用程序的另一个路线/组件并调整窗口大小(例如从纵向到横向)时，平滑滑块的(采用)高度会下降到0px。除此之外，它工作得很好。有没有办法在不破坏/unslick slick并再次加载所有图像的情况下将其调整到完整的高度？ 在这里它工作得很好： ? 但在这里它失败了： ?
浏览 29提问于2019-04-08得票数 0
回答已采纳
5回答
调整窗口大小时，平滑滑块不响应
、、、、
我已经创建了一个图像滑块在WordPress中使用滑块。我正在使用中心模式，我想要一个图像居中，每边都有一个稍微显示。但是我有一些问题。首先，当我调整窗口平滑滑块的大小时，直到我与滑块交互时才会计算新的图像宽度，这是演示中不存在的问题。其次，每一面的图像都没有显示出应有的效果。$('.carousel').slick({ centerPadding: '0px&
浏览 18提问于2017-08-29得票数 8
在更改窗口大小后，我希望更改slidesToShow和slidesToScroll变量。我尝试使用@HostListener来检测窗口大小何时变化，但ngx-slick组件在这些变量更改后不会更新。'slidesToScroll': 3, 'autoplay': true,
浏览 0提问于2019-01-03得票数 1
回答已采纳
1回答
我有一个简单的任务与动画NSWindow，但仍然找不到方法来完成这一点。我还没有在苹果的文档里找到类似的东西。我知道一些UI效果是通过制作一些技巧来模拟期望的行为来实现的。任何信息都是非常感谢的！我的第一个猜测是创建
浏览 3提问于2013-05-27得票数 3
回答已采纳
下午好,我可以看到，当窗口大小小于375时，slick();旋转木马就会显示，而不会出现任何问题。JS // Header Slider autoplaycheckWidth() {
if ($(window).w
浏览 4提问于2014-12-03得票数 10
6回答
光滑旋转木马的变高
、、、
这是一个巧妙的旋转木马的小提琴嵌入在一个启动带缩略图。
我如何使旋转木马只有200 are高，并确保图像按比例缩放？我似乎不能把旋转木马装进我规定的高度的容器里。注意:加载此小提琴后，调整浏览器的大小！这是围绕一个已知的bug工作的，在这个bug中，插件布局没有在页面加载时初始化。这不是我需要解决的问题。忽略这个问题.slickConfig&q
浏览 0提问于2014-12-29得票数 21
我试图确定缩小图像的数量，这是在一个带有其他固定高度文本字段的容器中，基于调整窗口的大小来布局容器内容。Blue =可调整大小的主窗口。
Green =主窗口内的可调整大小的
浏览 4提问于2011-07-03得票数 2
回答已采纳
14回答
我在使用carouFredSel时遇到了响应式传送带的高度问题。它仍然会将图像的最大高度添加到div。如何解决此问题？
浏览 0提问于2012-11-01得票数 16
回答已采纳
1回答
我试图在响应页面中使用Bootstrap 4旋转木马，因此我按照的示例在网页中添加了一个旋转木马，但是我已经将旋转木马--内部类高度从固定的高度更改为auto这是正常工作的，因为当浏览器窗口调整大小时，旋转木马会增长和缩小，但是每次转换后都会产生闪烁效应，因为当活动旋转木马项发生变化时，旋转木马
浏览 1提问于2021-10-13得票数 0
1回答
我有两个50%宽的div在旁边。两个中的一个有更多的文本，使div比另一个长。我有一个javascript，它使另一个div具有相同的高度，即使它有较少的文本。这很好，即使当我将窗口调整为更小的窗口(平板电脑大小)时，这两个div在高度上的变化都保持不变。但问题是，当我将窗口更改回正常大小时，
浏览 3提问于2014-12-18得票数 1
回答已采纳
6回答
我正在开发的Wordpress网站上使用Slick.js旋转木马。当我调整浏览器窗口的大小时，传送带将不适合它，从而导致水平滚动条出现。如果我不启动光滑，图像相应地调整大小，就像你在流体布局中所期望的那样。
Slick动态地注入一些内联样式，其中之一就是宽度。您可以看到旋转木马的所有子div的宽度：。Slick的正常行为是<em
浏览 4提问于2016-08-03得票数 7
1回答
引导旋转木马不响应高度
、、、
我想要使一个引导旋转木马响应高度，以便它将重放图像，同时保持高宽比时，改变宽度和高度的窗口旋转木马是在。CSS： position: absolute; max-width: 100%;当您调整</e
浏览 0提问于2015-04-16得票数 0
2回答
我使用了两个插件来实现这一点，但它的工作并不完美。这两个插件是angulargrid和光滑的旋转木马。有谁知道一个插件可以同时实现这两种功能吗？下面是我使用这两个插件时的情况，它几乎足够好，只不过旋转木马会导致网格项之间的空白，直到页面第一次加载后调整窗口的大小。有人能不打嗝就让它正常工作吗？--Carousel-->
<slick fade=&quo
浏览 0提问于2016-06-07得票数 1
回答已采纳
1回答
我有一个简单的html页面。页眉、内容和页脚。问题是当我调整窗口大小时。空间的高度等于我调整窗口大小的高度。这是因为我将最小高度设置为Contents div。如何在调整窗口大小后使页脚保持在底部？:(请帮助这是网页：
浏览 1提问于2012-01-09得票数 0
1回答
我在<aside>旁边有一个<section>。我在该<section>中添加了一个带有导航滑块的slick.js滑块，并在<aside>中添加了文本。为了让<section>和<aside>在高度上匹配，我使用了zurb foundation的data-equalizer这一切都在你加载页面时工作，但是一旦你将页面大小调整到移动设备大小
浏览 2提问于2015-11-13得票数 2
1回答
我正在创建一个网站，我正在使用carousel bootstrap，该网站是移动友好的，但是我得到的唯一问题是滑块图像不会随着图像收缩，所以它最终会使它们看起来拉伸。我已经尝试了最大宽度和最大高度100%，但它不工作，任何建议？我用过但它仍然不起作用。我已经修改了小提琴，如果有人想试一下，看看它可能是什么。我已经删除了高度500px，但仍然没有运气。
如果你调整浏览器的
浏览 2提问于2014-03-04得票数 0
我喜欢页面加载时初始smoothHeight的效果。我讨厌它在初始加载后对页面大小调整反应缓慢的方式。我喜欢保留初始页面加载的效果，然后在没有动画的情况下回到默认的大小调整。我已经追了好几个小时了。通过在smoothHeight函数的末尾将smoothHeight变量设置回false，我可以在初始动画之后将该变量切换回false，但这会禁用在初始
浏览 2提问于2012-12-12得票数 2
回答已采纳
5回答
我有一个工作的滑块()，但不能得到高度来响应。无论我将浏览器缩小到什么大小，图像始终保持相同的高度。我以为"mobileFirst“设置可以解决这个问题，但似乎没有。有谁知道如何使滑块和里面的图像具有响应性？下面是我的代码：<!focusOnSelect: true }); </script>
</body>
浏览 0提问于2015-10-16得票数 4
每当我调整窗口的大小时，一些空格就不会填充我编码要插入的图像。实际上，我多次尝试用几种方法来处理这个问题。
<!(当然包括图像)窗口<
浏览 3提问于2017-08-23得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
