Panzoom: O zoom com a roda do mouse no ponto focal não funciona no Firefox

Criado em 4 set. 2013  ·  3Comentários  ·  Fonte: timmywil/panzoom

Eu tentei a demonstração de zoom do ponto focal da roda do mouse (http://timmywil.github.io/jquery.panzoom/demo/) no FF em um Mac e PC e não funciona em nenhum dos dois. Parece que o evento mousewheel.focal não está sendo acionado / selecionado

bug

Comentários muito úteis

Olá

Desculpe tocar em um tópico tão antigo. A versão mais recente parece não funcionar no Firefox sem este plugin. Eu não sabia disso até encontrar esse problema. Eu só encontrei esse problema porque um commit em .bowerrc foi o único commit nos últimos 3 anos que referencia o problema (e visível na página inicial do repo)

Seria útil adicionar ao FAQ que https://github.com/jquery/jquery-mousewheel é necessário para que isso funcione no Firefox? (Ou estou sendo totalmente cego?)

Exemplo de codepen: http://codepen.io/viion/pen/eBaVzN

Todos 3 comentários

ATUALIZAÇÃO: pesquisei no Google e descobri que o FireFox precisa ouvir o evento DOMMouseScroll e descobri que, em vez de passar o evento original, funcionaria se eu construísse um objeto baseado no evento firefox, portanto, em coffeescript I fez isso:

        jquery(@selector).on 'mousewheel.focal', (e) =>
            onMouseWheel.call(@, e)


        #FF specific mouse wheel support
        jquery(@selector).on 'DOMMouseScroll', (e) =>
            onMouseWheel.call(@, e)

    onMouseWheel = (e) ->
        e.preventDefault()

        delta = e.originalEvent.wheelDelta
        focalPoint = e
        if delta is undefined
            delta = e.originalEvent.detail
            focalPoint =
                clientX: e.originalEvent.clientX
                clientY: e.originalEvent.clientY

        logger.debug "delta=#{delta}", @

        @$elem.panzoom 'zoom', delta < 0,
            increment: settings.ZOOM_INCREMENT
            focal: focalPoint

Eu notei algumas falhas gráficas estranhas ao fazer zoom no FF onde o tigre SVG é dividido em 4 quadrantes por um segundo durante o zoom - mas isso afeta as outras demos também, então eu acho que é um efeito colateral da maneira divertida como a Mozilla interpretou o SVG especificações (ou seja, diferentemente de todos os outros navegadores)

Provavelmente valeria a pena atualizar a página de demonstração para suportar o FF.

Obrigado, vou atualizar a página de demonstração.

Olá

Desculpe tocar em um tópico tão antigo. A versão mais recente parece não funcionar no Firefox sem este plugin. Eu não sabia disso até encontrar esse problema. Eu só encontrei esse problema porque um commit em .bowerrc foi o único commit nos últimos 3 anos que referencia o problema (e visível na página inicial do repo)

Seria útil adicionar ao FAQ que https://github.com/jquery/jquery-mousewheel é necessário para que isso funcione no Firefox? (Ou estou sendo totalmente cego?)

Exemplo de codepen: http://codepen.io/viion/pen/eBaVzN

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

ronvillalon picture ronvillalon  ·  8Comentários

timmywil picture timmywil  ·  10Comentários

jsblanco picture jsblanco  ·  19Comentários

nich008 picture nich008  ·  14Comentários

nsshunt picture nsshunt  ·  20Comentários