Jquery добавляет и загружает
Привет,
Добрый день, это мой первый пост.
Я пытался создать простую веб-страницу, содержащую линейную диаграмму, где данные на диаграмме будут обновляться каждые 1 секунду(через setInterval), Пожалуйста, обратите внимание, что данные, которые отображаются на диаграмме, пришли из базы данных, и теперь она работает нормально(данные диаграммы обновляются каждую секунду). Однако я только что заметил, что если я прокручиваю страницу вниз, полоса прокрутки возвращается обратно наверх, что довольно раздражает. Мой вопрос заключается в том, как я могу предотвратить возврат полосы прокрутки обратно в верхнюю часть веб-страницы во время обновления данных с диаграммы. Ниже приведен мой фактический код. Надеюсь, кто-нибудь сможет мне помочь.
Большое спасибо!
Что я уже пробовал:
$(document).ready(function(){ setInterval(function() { reload_data(); }, 1000); }); function reload_data(){ $("#myList").load("UpdateChart").fadeIn("fast"); }
/* Коды переднего плана */
<div id="page-content-wrapper"> <div class="container-fluid"> <span class="glyphicon glyphicon-nav" aria-hidden="true"><a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">x</a> </span> <h1>Welcome!</h1> <div id="MyCharting"> <div id="Chart1"></div><div id="Chart2"></div><div id="Chart3"></div> <div id="myList"> </div> </div> </div> </div>
Christiaan van Bergen
Я действительно не могу сказать почему, но я могу себе представить, что он получает момент без данных и поэтому сбрасывается до меньшего размера, заставляя полосу прокрутки прыгать назад. Может быть, если вы определите размеры этого div, он останется.