Twitter Bootstrap Modal rolando a página para cima no show
Clicando em um link que aciona um Twitter Bootstrap Modal para aparecer está fazendo com que o navegador rolar a página. Esse comportamento está ocorrendo apenas no Chrome.
Aqui está uma página de demonstração:
http://www.turizmburosu.com/test2.aspx
A página tem 600 linhas de links, fazendo com que o corpo da página exceda a altura da janela. Se qualquer um desses links for clicado, ele exibirá a caixa de diálogo modal. Quando no Chrome, clicar em qualquer um dos links abaixo da visualização inicial fará com que a página de plano de fundo role para cima (nem sempre totalmente para o topo).
Eu uso a seguinte função para acionar a exibição do Modal:
function test(id, imp) {
$("#modalLabel").html("Header");
$("#modalBody").html("Body");
$("#myModal").modal("show");
}
e os links são da forma:
<a href="" onclick="test();return false;">Test Link ###</a>
Eu estou vendo esse comportamento emChrome 22.0.1229.94 m.
Alguma sugestão / idéia de por que isso está acontecendo e como evitá-lo?
Exemplo AdicionalIsso pode ser recriado noPágina de documentação do Twitter Bootstrap para o plugin Modal.
Uma vez na página, basta substituir a data-api existente para usar a API JavaScript:
$('#modals a[data-toggle="modal"]').on('click',
function(e) {
$('#myModal').modal('toggle');
return false
});
Agora, se oIniciar o Demo Modal botão é clicado, a página irá rolar para cima quando o modal é mostrado.
Novamente, isso está usando o Chrome.