Question

我正在使用这里看到的纯文字旋转木马： jsFiddle 这是我的调整大小代码：

window.addEventListener("resize", resetCarousel);
function resetCarousel(){
    setCarouselHeight('#carousel-text');
    $('#carousel-text').carousel({
        interval: 15000
    });

问题在于，当屏幕调整大小时，包含所有文本项的div不会相应地调整大小（即它没有响应）。 setCarouselHeight函数用于确定要显示的所有文本项所需的最大高度。我需要每次屏幕调整大小时触发setCarouselHeight。当我手动执行此操作（即，windows.onresize = func）时，即使使用超时后，项目大小也会反映旧位置中使用的项目大小，而不是调整大小的位置。任何见解将不胜感激。

Answer 1

经过两天的玩弄和接近哦，我尝试了猫头鹰旋转木马并立刻得到了我需要的东西。最后它比bootstrap更简单。关键是使用AutoHeight示例并将autoheight设置为false。它会自动将div调整为您拥有的最高文本，并且响应速度非常快。 http://owlgraphic.com/owlcarousel/index.html。希望这有助于某人。

Answer 2

我认为无需使用<Window x:Class="Special.MainWindow" Name="Window" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:local="clr-namespace:Special" mc:Ignorable="d" Title="MainWindow" WindowState="Maximized"> <Button Content="Go" Click="RouteItems"/> </Window>或js插件来响应滑块。这可以通过简单的css查询来完成。我的css如下：

owl

在jsfiddle

上查看我的实时演示

屏幕大小调整时文本不会调整大小

2 个答案: