Блог

Главная - Вопросы по программированию - Прокрутка страницы непрерывно вниз во время загрузки как я могу это остановить

Прокрутка страницы непрерывно вниз во время загрузки как я могу это остановить

#jquery #ajax #xml #http #jsp

Вопрос:

Вот пример кода, когда я извлекаю данные из URL-адреса с помощью функции, которая просто прокручивается вниз, не имея возможности прокручивать ее вверх, как я могу остановить это с помощью извлечения данных, где я допустил ошибку?

или какие-либо другие подходы для извлечения данных без обновления и сохранения положения прокрутки?

  <?xml version="1.0" encoding="UTF-8"?>
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%@ taglib prefix = "fmt" uri = "http://java.sun.com/jsp/jstl/fmt" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    
    
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    
    <style type="text/css">
     .main{
      position:fixed;
      background-color: #ECF0F1;
      left:0%;
      right:26%;
      top:10%;
      bottom:10%;
     overflow-y:scroll;
        overflow-x:scroll;
    transform:rotateX(180deg);
    padding:10px;
    }
     
     .msg-bar{
    
      top: 2px;
      bottom: 4px;
    align:center;
    display:inline-block;
      white-space: normal;
      word-wrap: break-word;
      text-align: justify;
    
    transform:rotateX(180deg);
    }
    .sub{
    transform:rotateX(180deg);
    }
    
    .msg-bar .msg{
    
     display:inline-block;
      min-width: 210px;
      max-width:400px;
      text-align: justify;
      background-color: yellow;
      padding: 10px;
      margin-bottom:10px;
      float:right;
    
     font-size:14px;
    
    }
    
    @media(max-width:909px){
    
    .main{
    
     position:fixed;
      left:0%;
      right:0%;
      top:10%;
      bottom:10%;
     padding-top:7px;
    }
    .msg-bar .msg{
     display:inline-block;
     width: auto;
      min-width: 150px;
      max-width:250px;
     font-size:18px;
    }
    }
    
     
    </style>
    
    
    </head>
    <body>
    <f:view>
    
      
    
    
    <div class="main">
    <div class="msg-bar" >
    
     <div class="msg" >
       <p>msg</p>
    </div>
<br />    
<div class="msg" >
       <p>msg</p>
    </div>
    <br/>
    <div class="msg" >
       <p>msg</p>
    </div>
    <br />
    <div class="msg" >
       <p>msg</p>
    </div>
    <br />
    <div class="msg" >
       <p>msg</p>
    </div>
    <br/>
    <div class="msg" >
       <p>msg</p>
    </div>
<br />  
  <div class="msg" >
       <p>msg</p>
    </div>
    <br/>
    <div class="msg" >
       <p>msg</p>
    </div>
    <br />
    <div class="msg" >
       <p>msg</p>
    </div>
    <br/>
    <div class="msg" >
       <p>msg</p>
    </div>
    <br />
    <div class="msg" >
       <p>msg</p>
    </div>
    <br/>
    <div class="msg" >
       <p>msg</p>
    </div>
    <br/>
    
    </div>
    </div>
    
     
    <div class="ptextbox">
    <div>
    
    
           
        
    <script>
   window.onload = function(){
$(document).ready(function() { 
 function upd()
        {
          xmlhttp=new XMLHttpRequest();
          xmlhttp.open("GET","chat.jsp",false);
          xmlhttp.send(null);
    
        document.getElementById("kk").innerHTML=xmlhttp.responseText;
    
        }
    
        upd();
    
        setInterval(function(){
    
        upd();
    
        },1000);
  
});
}

  </script>
    
    
    </div>
    </div>
    </f:view>
    </body>
    </html>

заранее спасибо

Метки: