Я понимаю, что что-то подобное уже задавалось ранее, но ни одно из предложений не помогло решить мою проблему.
У меня есть 2 навигационные вкладки, и каждая показывает одну диаграмму. js график с некоторыми данными. Страна выбирается из выпадающего списка выбора, и диаграммы будут обновляться. Диаграмма по умолчанию будет отображаться без проблем. Но когда я выбираю вторую вкладку, экран прокручивается вверх до нижней части div предыдущего раздела, а затем показывает график. Это будет происходить один раз каждый раз, когда я делаю выбор в выпадающем списке выбора, а затем выбираю вкладку, которая не сфокусирована. После этого я могу щелкнуть по любой вкладке без этой проблемы.
Итак, при первой загрузке это происходит и любой последовательный выбор из селектора выбора, который вызывает перерисовку диаграмм.
Я пробовал это, но это не так не помогает
<div class="card mb-4">
<select class="selectpicker" data-live-search="true" id="picker" data-size="10"></select>
</div>
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="nav-daily-tab" data-toggle="tab" data-target="#nav-daily-by-country" role="tab" aria-controls="nav-home" aria-selected="true">DailyNumbers</a>
<a class="nav-item nav-link" id="nav-cumulative-tab" data-toggle="tab" data-target="#nav-cumulative-by-country" role="tab" aria-controls="nav-profile" aria-selected="false">Cumulative Numbers</a>
</nav>
$('.nav-tabs li a').click(function(e) {
e.preventDefault();
e.stopImmediatePropagation();
$(this).tab('show');
});
Я пытался использовать: $(document).scrollTop(), чтобы сбросить окно обратно, но оно просто не будет работать, если перерисованные диаграммы не будут отображаться хотя бы один раз каждый. Это скорее ошеломляет. Ничто в css не касается и прокрутки.
Еще одна вещь, которую я заметил, это то, что, пока расположение окна все еще находится внутри div над тем, что есть у моего выбора и навигации, оно не будет прокручиваться.