尽管溢出被隐藏，但DIV滚动

Question

I have a DIV that looks like this:

<div style="height:300px;"> Content... </div> 

I'm using JavaScript to shorten the DIV height. After shortening it, I do not want the cut-off text to be readable. So I use:

$("div").css("height", "150px").css("overflow-y","hidden"); 

Using Chrome Inspector, I can tell that overflow-y is being applied, but the DIV is still scrollable after it is shortened, which I don't want. How can I change this behavior?

Answer 1

have you tried

$("div").css("height", "150px").css("overflowY","hidden"); 

The dash might be causing the issue