Не получается скроллить изображение, помещенное в div скриптом. Помогите разобраться...
При изображении, помещенном в div работает:
http://codepen.io/anon/pen/mAVpja
При помещении изображения в div скриптом иногда скроллит, иногда нет
http://codepen.io/anon/pen/ORrzgd
В чем ошибка?
Работает:
<body onload = control();>
<div id="imag" style="overflow: auto;"><img src="/test.jpg"/></div>
<script>
function control(){
var scroll_pane = document.getElementById('imag');
scroll_pane.scrollLeft = 400;
}
</script>
</body>
Не работает:
<body onload = control();>
<div id="imag" style="overflow: auto;"></div>
<script>
function control(){
document.getElementById('imag').innerHTML='<img src="/test.jpg"/>';
var scroll_pane = document.getElementById('imag');
scroll_pane.scrollLeft = 400;
}
</script>
</body>