Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скроллинг изображения помещенного javascript (https://javascript.ru/forum/dom-window/64912-skrolling-izobrazheniya-pomeshhennogo-javascript.html)

seras2007 13.09.2016 16:06

Не получается скроллить изображение, помещенное в div скриптом.
 
Не получается скроллить изображение, помещенное в 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>

varb 13.09.2016 17:25

Вешай событие onload на изображение, которое вставляешь из js
В самом событии уже задавай scrollLeft

UPD: http://codepen.io/anon/pen/dpGdJE

seras2007 13.09.2016 19:29

Спасибо большое! Все работает!


Часовой пояс GMT +3, время: 06:06.