Member 9985418 Ответов: 0

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, он останется.

0 Ответов