scroll eventを持ちいて、elementのサイズ変化をeventとして検出する試みである。
elementのサイズが変化した時にscroll barからeventを出すには、スクロールの
位置が、常に最後の位置でなければいけない。(下図)



一つのCSS設定で、常に最後の位置にしておく方法はないので、２つに場合わけして
考える。

サイズが大きくなる場合は以下のCSSで、スクロールを最後の位置にしておける。
(しかしもう片方は最後の位置からはずれてしまう。)

.ere-expand-sub{
	position:relative;
	width:100000px;
	height:100000px;
}


サイズが小さくなる場合は以下のCSSで、スクロールを最後の位置にしておける。
(しかしもう片方は最後の位置からはずれてしまう。)

.ere-shrink-sub{
	position:absolute;
	top:0;
	left:0;
	width:100000%;
	height:100000%;
}

結局、片方は最後の位置からはずれてしまうので、どちらかでscrollのeventを発生したら、
両方のスクロールを最後の位置にして、次回のイベントに備える。

function scrollMax(el){
	var left=el.scrollWidth-el.clientWidth;
	var top=el.scrollHeight-el.clientHeight;
	if(left!=el.scrollLeft){el.scrollLeft=left;}
	if(top!=el.scrollTop){el.scrollTop=top;}
	console.log(el);
};
function scrollMaxAll(){
	scrollMax(el_expand);
	scrollMax(el_shrink);
};