Início / coding / Perguntas / 77338046
Accepted
Johnny _JTH
Asked: 2023-10-22 06:45:08 +0800 CST

Aplicar transições diferentes em telas menores

  • 772

Gostaria de aplicar uma transição diferente quando a largura do dispositivo estiver abaixo de um determinado limite. Semelhante a esta pergunta , mas em vez de apenas passar parâmetros de transição diferentes por ponto de interrupção, quero aplicar uma transição diferente.

Por exemplo, aplicando uma flytransição por padrão, mas em telas menores que 600px de largura, aplique uma transição de fade simples.

svelte

1 respostas

  1. Best Answer

    As transições são apenas funções, então você pode simplesmente mover a verificação de tamanho para uma função de transição personalizada e chamar fly/ fade, algo como:

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

    <div transition:fadeOrFly>

    REPL

    • 0

relate perguntas