Eu quero implementar uma técnica chamada div rolável emGWT. O que estou tentando fazer é o seguinte. Se um usuário estiver na minha página, ele só poderá ver a viewport (caixa verde na imagem). Todos os elementos DOM que estão nesta viewport são visíveis para o usuário no carregamento da página. Todos os elementos DOM que não estão na viewport não foram carregados depois que uma página foi carregada no carregamento da página (caixas azuis na imagem).

Se o usuário arrastar e mover a viewport, todos os elementos do dom se tornarão visíveis e virão para a viewport. Se eles estiverem na viewport, eles serão carregados via ajax.

O usuário pode ampliar e reduzir a janela de visualização para torná-la maior e menor. Além disso, se os elementos que são invisíveis para o usuário e, portanto, não forem carregados ainda se tornarem visíveis, eles deverão ser carregados via ajax e exibidos na viewport.

Como eu tenho que implementar isso com o GWT?

Se o usuário carregar a página, ela se parece com a seguinte imagem:

O usuário pode arrastar e mover a viewport para 8 direções. Estes são superior, superior direito, direito, inferior direito, inferior, inferior esquerdo, esquerdo e superior esquerdo. A imagem a seguir mostra um movimento para a esquerda. Quando a viewport move novo conteúdo deve ser carregado com ajax.

A janela de visualização também pode ser ampliada. Nesse caso, também deve ser carregado novo conteúdo.

A janela de visualização também pode ser reduzida. Observe que a porta de visualização deve ter dimensões fixas. Apenas o conteúdo deve estar com zoom.