主页 / coding / 问题 / 77338046
Accepted
Johnny _JTH
Asked: 2023-10-22 06:45:08 +0800 CST

在较小的屏幕上应用不同的过渡

  • 772

当设备宽度低于某个阈值时，我想应用不同的转换。与这个问题类似，但我想应用不同的转换，而不是只为每个断点传递不同的转换参数。

例如，fly默认情况下应用过渡，但随后在宽度小于 600 像素的屏幕上应用简单的淡入淡出过渡。

svelte

1 个回答

  1. Best Answer

    转换只是函数，因此您只需将大小检查移至自定义转换函数并调用fly/ fade，如下所示：

    function fadeOrFly(node) {
    return isScreenSmall() ? fade(node) : fly(node, { y: -100 });
}

    <div transition:fadeOrFly>

    REPL

    • 0

相关问题