Question

我有一个聊天框，当加载用户消息时，它将滚动到div的底部，但是现在的问题是，即使在第一次滚动后以及用户尝试向上滚动时，它仍会继续滚动到底部要阅读上一条消息，它会再次向下滚动，但我不喜欢它，因为它给我的客户带来了不便。这是我的代码，用于滚动显示我的Dom加载的

load_id是使用PHP创建的每个div的唯一ID

 $("#"+load_id)[0].scrollHeight + $("#"+load_id)[0].scrollHeight + $("#"+load_id)[0].clientHeight + $("#"+load_id)[0].clientHeight;

我的HTML

<div class='unique-chat-c' id='unique-chat-c"+c_by+"-"+c_to+"-"+b_id+"-"+bs+"'>
  <input type='hidden' id='unique-chat-up-status"+c_id+"-"+bs+"' value='0'>
  <div class='i-unique-chat-c'><div class='unique-cat-top'>
    <div class='unique-cat-top-l'>
      <img src='"+u_url+"' class='user-me-img'> 
      <img src='"+url+"' class='end-user-img'></div>
      <div class='unique-cat-top-r'>
        <div class='unique-cat-top-r-more'>
          <ul><li class='disconnect-buiz'>disconnect<input type='hidden' value='"+c_id+"'></li><li>view buiz</li>
          </ul>  </div>
           <i class='fa fa-gear'></i> <i class='fa fa-close'></i>
         </div></div>

         <div class='clear'></div>

         <div class='unique-cat-center' > 

        </div>

       </div></div>

加载聊天的中心div的CSS

.unique-cat-center{
    height:250px;
    overflow-y:auto;
    position:relative;
    background:#e2e5e0;
}

用户向上滚动时如何停止div从底部滚动到底部？

0 个答案: