js положение scroll не запоминает

Не могу понять почему скролл не запоминает своё положение.

На странице /ajax/select/dialog.php работает запоминание

  <script>
   window.addEventListener('DOMContentLoaded', function() {
   var div = document.querySelector('#slider');
   var scroll = localStorage.getItem('scroll')||0;
   div.scrollTop = scroll;
   div.addEventListener('scroll', function() {
   localStorage.setItem('scroll', div.scrollTop);
   })
   });
    </script>

Далее с другой странице я вывожу скриптом /ajax/select/dialog.php :

<script>
        function show()  
        {  
            $.ajax({  
                url: "../../ajax/select/dialog.php",  
                cache: true,  
                success: function(html){  
                    $("#dtr").html(html);   
                }  
            });  
        }  
          $(document).ready(function(){  
            show();  
            setInterval('show()',3000);  
        });  
</script>

И запоминание не работает, каждые 3 заданные секунды страница дергается вверх.

Подскажите как быть в данной ситуации.