別のdivのスクロールdiv

Question

スクロールを2番目の部分に追加したいのですが、 "chat-bar" divの "chat-messages" divです。私はちょうどこの "chat-messages"をスクロール可能にし、scroolなしで残りのサイトを残したい。この時点で、私は "input-row" divを見るためにサイト全体をスクロールしなければなりません。私がoverflow: autoを「チャットバー」に設定するとかなりうまくいきますが、全体ではinput-rowもスクロールに含まれています。この問題を解決するには、私に最高のCSS/HTMLオプションを教えてください。あるいは、私にシンプルなjavascriptライブラリを与えてください。

jsfiddleリンク：

jsfiddle.net/o9vmfgpx/3 

編集： は、私はそれが動作しますが、いくつかのハックの方法で作られました。

.chat-messages { 
    overflow-y: scroll; 
    -ms-overflow-style: none; 
} 
.chat-messages::-webkit-scrollbar { 
    display: none; 
} 

@-moz-document url-prefix() { 
    .chat-messages { 
     right: -5%; 
     padding-right: 3%; 
    } 
} 

これは動作するはずIE、EDGE、クロム、FirefoxとOperaの最新バージョンの（2016年10月14日など）

Answer 1

に取り組んでいます。

body { 
     overflow:hidden; 
} 
.chat-messages { 
     overflow:scroll !important; 
} 

Answer 2

これを試してください。

.input-row { 
    position: fixed; 
    bottom: 10px; 
    left: 10px; 
} 

Answer 3

以下を追加してください。

.chat-messages { 
    height:200px; 
    overflow:scroll; 
}