JQuery - Синхронизация прокрутки текстовой области в Opera
Я пытался синхронизировать прокрутку textarea и div, как в примере:
<textarea id="text" style="height: 250px" value="Lots of text here"></textarea>
<div id="div" style="height: 250px">Lots of text here</div>
со следующим кодом jQuery:
$('#text').on('scroll', function() {
$('#div').scrollTop($('#text').scrollTop());
});
который отлично работает в Chrome и IE (еще не тестировался в FF и Safari), но не работает в Opera. Пожертвовав сном ради гугл-подобных проблем, я обнаружил лишь несколько неопределенных предположений о том, что события onscroll не работают с текстовой областью в Opera. Я знаю, что вместо этого я могу использовать события onmousewheel, onclick и onkeyup, чтобы они работали в Opera, но я хочу найти лучшее решение, а также понять, почему именно это происходит.
Интересно то, что все работает нормально, когда я делаю это наоборот, как здесь:
$('#div').on('scroll', function() {
$('#text').scrollTop($('#div').scrollTop());
});
Проверено в Опере 11.64.