ウインドウ外でappendするとappend分がスクロールされません（chrome）

Question

ウインドウ外でappendした場合、Win10 Chrome、MACOS Chrome、android Chromeではappend分がスクロールされません。append分もスクロールさせるためにはどうすれば良いでしょうか。

$(function () {
    $('#a').click(function() {
        $('#b').append(<div>a</div>);
    });
});

■画面外、画面内のどちらでappendしてもappendした分スクロールされる
ios safari
ios Chrome
Win10 ie11
Win10 edg

■画面外でappendしても、appendした分スクロールされない。
■画面内でappendするとappend分スクロールされる。
Win10 Chrome
android Chrome
MACOS Chrome

kei344様に作成いただいたサンプルで再現方法を述べます。
https://jsfiddle.net/nu5hwb4c/

＜症状の再現方法＞
＃b
＃a
となっている画面をスクロールバーを使って＃bを完全に隠して、#aだけ見えるところまでスクロールさせます。#aが半分隠れるくらいまでスクロールさせたほうが症状がでやすいです。そして＃aをクリックすると下ではなく上にスクロールしてしまいます。

Answer 1

https://teratail.com/questions/211785?nli=5d808a9e-4880-4fdf-a5ed-42e00a280313#reply-312716

で解決しました。

Answer 2

$(#b).append(<div>a</div>);
を
$('#b').append('<div>a</div>');
にしたらなおりませんか？

見た感じ文字列になってないからでは無いと思われます

Comments

[inari1973]

申し訳ございません。ただのタイプミスです。

[mouse_484]

そうでしたか、もうしわけないです