Twitter Bootstrap Modal scrollt die Seite in der Anzeige nach oben

Wenn Sie auf einen Link klicken, der das Aufrufen eines Twitter-Bootstrap-Modals auslöst, scrollt der Browser die Seite nach oben. Dieses Verhalten tritt nur in Chrome auf.

Hier ist eine Demonstrationsseite:

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

Die Seite enthält 600 Zeilen mit Links, wodurch der Seitenkörper die Fensterhöhe überschreitet. Wenn einer dieser Links angeklickt wird, wird das modale Dialogfeld angezeigt. Wenn Sie in Chrome auf einen der Links unterhalb der ursprünglichen Ansicht klicken, wird die Hintergrundseite nach oben gescrollt (nicht immer ganz nach oben).

Ich benutze folgende Funktion, um die Anzeige des Modal auszulösen:

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

und die Links haben die Form:

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

Ich sehe dieses Verhalten inChrome 22.0.1229.94 m.

Irgendwelche Vorschläge / Ideen, warum dies geschieht und wie dies verhindert werden kann?

Zusätzliches Beispiel

Dies kann auf dem neu erstellt werdenTwitter Bootstrap-Dokumentationsseite für das Modal-Plugin.

Überschreiben Sie auf der Seite einfach die vorhandene Daten-API, um stattdessen die JavaScript-API zu verwenden:

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

Nun, wenn dieStarten Sie Demo Modal Wenn Sie auf die Schaltfläche klicken, wird die Seite nach oben gescrollt, wenn das Modal angezeigt wird.

Auch hier wird Chrome verwendet.

Antworten auf die Frage(6)

Ihre Antwort auf die Frage