Twitter Bootstrap Модальная прокрутка страницы на шоу
Нажатие на ссылку, которая вызывает всплывающее окно Twitter Bootstrap Modal, заставляет браузер прокручивать страницу вверх. Такое поведение происходит только в Chrome.
Вот демонстрационная страница:
http://www.turizmburosu.com/test2.aspx
Страница имеет 600 строк ссылок, в результате чего тело страницы превышает высоту окна. Если щелкнуть любую из этих ссылок, отобразится модальное диалоговое окно. В Chrome щелчок любой из ссылок под начальным представлением заставит фоновую страницу прокрутиться вверх (не всегда полностью вверх).
Я использую следующую функцию, чтобы вызвать отображение модальных:
function test(id, imp) {
$("#modalLabel").html("Header");
$("#modalBody").html("Body");
$("#myModal").modal("show");
}
и ссылки имеют вид:
<a href="" onclick="test();return false;">Test Link ###</a>
Я вижу это поведение вХром 22.0.1229.94 м.
Любые предложения / идеи относительно того, почему это происходит и как это предотвратить?
Дополнительный примерЭто можно воссоздать наСтраница документации Twitter Bootstrap для модального плагина.
Оказавшись на странице, просто переопределите существующий data-api, чтобы вместо него использовать JavaScript api:
$('#modals a[data-toggle="modal"]').on('click',
function(e) {
$('#myModal').modal('toggle');
return false
});
Теперь, еслиЗапустить демо-модал При нажатии на кнопку, страница будет прокручиваться вверх, когда отображается модальное.
Опять же, это использует Chrome.