Jquery ScrollTop体验奇怪的功能

Question

我在一个div中遇到功能，溢出设置为auto，另一个没有任何功能。由于一个div包含一个Razor WebGrid而另一个div用于测试目的，它只包含一些文本问题？对于pre-transmissiongrid，会调用scroll事件和scrollTop方法。

代码段

Razor Div：

<div id="pre-transmissiongrid">
@grid.GetHtml(tableStyle: "table table-striped table-bordered"
        @*... contents *@
       )
</div>

测试部：

<div id="scrollTest" style="height : 100px; overflow : auto;">
1 - Long Div Scrolling text <br />
2 - Long Div Scrolling text <br />
3 - Long Div Scrolling text <br />
4 - Long Div Scrolling text <br />
5 - Long Div Scrolling text <br />
6 - Long Div Scrolling text <br />
7 - Long Div Scrolling text <br />
8 - Long Div Scrolling text <br />
9 - Long Div Scrolling text <br />
10 - Long Div Scrolling text <br />
11 - Long Div Scrolling text <br />
12 - Long Div Scrolling text <br />
13 - Long Div Scrolling text <br />
14 - Long Div Scrolling text <br />
15 - Long Div Scrolling text <br />
16 - Long Div Scrolling text <br />
17 - Long Div Scrolling text <br />
</div>
<button type="button" onclick="test()">scroll down</button>

两者的Javascript：

function test() {
    $('#scrollTest').scrollTop(200);
    $('#pre-transmissiongrid').scrollTop(200);
}
$("#scrollTest").scroll(function () {
    alert("test");
});
$("#pre-transmissiongrid").scroll(function () {
    alert("grid");
});