Twitter Bootstrap Modalne przewijanie strony w górę podczas pokazu

Kliknięcie linku uruchamiającego pasek rozruchowy Twitter Modalne wyświetlenie powoduje przewinięcie strony przez przeglądarkę. To zachowanie występuje tylko w Chrome.

Oto strona demonstracyjna:

http://www.turizmburosu.com/test2.aspx

Strona ma 600 rzędów linków, co powoduje, że treść strony przekracza wysokość okna. Jeśli klikniesz którykolwiek z tych linków, wyświetli się okno dialogowe modalne. W Chrome kliknięcie dowolnego z linków pod początkowym widokiem spowoduje przewinięcie strony w tle (nie zawsze całkowicie do góry).

Używam następującej funkcji do wyzwalania wyświetlania modalnego:

function test(id, imp) {
    $("#modalLabel").html("Header");
    $("#modalBody").html("Body");
    $("#myModal").modal("show");
}

a linki mają postać:

<a href="" onclick="test();return false;">Test Link ###</a>

Widzę to zachowanieChrome 22.0.1229.94 m.

Wszelkie sugestie / pomysły, dlaczego tak się dzieje i jak temu zapobiec?

Dodatkowy przykład

Można to odtworzyć na stronieStrona dokumentacji Twitter Bootstrap dla wtyczki Modal.

Gdy znajdziesz się na stronie, po prostu zastąp istniejące dane API, aby zamiast tego użyć api JavaScript:

$('#modals a[data-toggle="modal"]').on('click',
  function(e) {
    $('#myModal').modal('toggle');
    return false
  });

Teraz, jeśliUruchom demonstrację modalną przycisk zostanie kliknięty, strona przewinie się w górę, gdy pojawi się modal.

Znowu używa Chrome.

questionAnswers(6)

yourAnswerToTheQuestion