主要垂直滚动影响在一个固定的股利

Question

我需要溢出-Y和固定在页面底部的基本容器滚动。
我的问题是页面的主滚动影响了容器滚动。
当主滚动在聊天滚动正常工作的顶部，但是当它是下来聊天滚动无法正常工作底部。

哪里是我的代码中的错误？

<style> 
.floatChat{ 
    position: fixed; 
    bottom: 30px; 
    left: 95px; 
    z-index: 1001;  
    height: 250px;   
    font-size: 12px;  
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -o-transition: all 0.3s ease; 
    transition: all 0.3s ease;} 
</style> 

<div id="chatPanel"> <div class="floatChat"> 
     <div id="chat" class="col-md-3"> 
      <div class="panel panel-primary" style="width:250px;"> 
      <div class="panel-heading" style="height:30px; font-size:12px; border-color:#069;"> 
       <div class="panel-actions" style="height:30px;"> 
        <div class="btn-group">           
        <i class="fa fa-pencil btn" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Practise"></i> 
        <i class="fa fa-times btn" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Close" onclick="removeChatBox(index);"></i> 
        </div>               
       </div> 
       <div class="text-bold"><i class="fa fa-comments"></i> friendName </div>            
      </div> 
      <div class="panel-body bg-inverse" style="height:210px;"> 
       <div style="height:190px; width:230px;"> 
        <div id="mesContainer" style="overflow-x:hidden; overflow-y:auto; height:170px; word-wrap: break-word;">            
        </div> 
       </div> 
      </div> 
      <div class="panel-footer" style="padding:0px;"> 
       <div class="input-group input-group-in"> 
        <input id="mes" type="text" class="form-control input-sm"> 
        <span class="input-group-btn"> 
         <button id="send" class="btn btn-primary" type="button" onclick="sendChatMessage(friendId)";><i class="fa fa-share text-midnight"></i></button> 
        </span> 
       </div>     
      </div> 
      </div> 
     </div> 
    </div></div> 

MesContainer是消息的容器。

Answer 1

发现我有一个风格文件与

-webkit变换：translateZ（0）;

在一个类中定义。

认为完成了所有的问题。