There is a div on the page with the contentditable = true property and the jScrollPane plugin. The problem is that the horizontal scroll (which is not needed) works, but the vertical one does not.

CSS:

 #chat { width: 325px; height: 265px; overflow: hidden; } .chat_box{ outline: none; border: 1px solid #b3b9c3; border-radius: 2px; margin-bottom: 3px; width: 325px; height: 260px; } .scroll{ width: 325px; height: 260px; }

Js:

 $(document).ready(function(){ $('#chat').jScrollPane(); });

HTML:

 ![<div class="scroll" id="chat"> <div class="chat" > <div class="chat_box" contenteditable="true"> </div> </div> </div>]

The picture shows that the horizontal scroll works, but it is not needed. And the vertical scroll doesn't work at all. And it should be the same color as the horizontal.

    1 answer 1

    The error lies in the task for the #chat property overflow:hidden; , you need to change the value of this property to auto . Here is a working example.