I have a fixed height div that contains some html content. When this height is overflowed, I don't want the scrollbar to appear, but instead a push button at the bottom of the div. And only when you push this button, all the content should be shown and obviously the scrollbar will be shown automatically. I understand that there is a property called "overflow" and you can use "scroll" value but I don't need the scrollbars until the user press the push button. Note, that there should be no button if the overflow doesn't happen.
---------------div starts-----------------
CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT
CONTENT CONTENT CONTENT CONTENT
[SHOW MORE BUTTON ]
---------------div ends-----------------
How would you implement this without jquery? How do you sense with javascript that the content will overflow?