Adobe InDesign - O Conteúdo Da Web De Sobreposição - Impedir O Deslocamento De Propagação De Eventos

Question

Eu tenho uma InDesign revista que contém um Conteúdo da Web de Sobreposição (apontando para um responsive web site).Tudo funciona bem, além de quando se trata de rolagem.

Apenas a rolagem vertical (para cima e para baixo) é necessário, horizontal não.

Problema

Quando o usuário passa o dedo para a esquerda ou para a direita, a revista de alterações na página, e o conteúdo da web é fechado.

Pergunta

Existe alguma maneira que eu possa evitar eventos de deslocamento de propagação até a revista do conteúdo da web em html.De preferência, isso poderia ser feito a partir do conteúdo da web próprio (por exemplo,usando JavaScript) como significaria que eu teria somente a editar em um único lugar, ao invés de incluir em cada página web, o conteúdo é mostrado.

Tentou

• Pegando a touchmove evento na página do corpo e chamando stopPropagation() sobre ele.
• Chamar preventDefault() sobre o evento (isso deixa qualquer deslocamento em tudo).
• Usando pageX no touchmove eventos e chamando preventDefault() em qualquer que olhar para o ser horizontal swipes (muito confiável).
• Usando CSS overflow-x: hidden
• o jQuery Mobile personalizado de eventos de deslocamento.
• Mais algumas combinações dos acima.

Answer 1

Encontrei uma solução.Primeiro, insira uma <meta> viewport marca na cabeça:

<meta name="viewport" content="width=701, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0, user-scalable=no" />

Note que coloquei um estática largura de 701, isso é importante.O conteúdo da web de superposição largura é 700px.Configuração de largura de 701 significa que a página pode mover-se levemente.Esta manobra significa que o deslize para a esquerda/direita é pego e não percolados até InDesign.Há uma ligeira mudança (um pixel) se fazem passar o dedo, mas é menor em comparação à mudança de página.

Em seguida, adicione o seguinte CSS do seu conteúdo:

.content {
    -webkit-overflow-scrolling: touch
}

Você pode não precisar deste CSS, mas era necessário para nós.