jquery的scrollTop方法和js的scrollTop属性有什么区别呢？

Question

<div style="width:100px;height:100px;background-color:#FF0000;overflow:hidden;" id="p">    <div style="width:50px;height:300px;background-color:#0000FF;" id="t">如果为 p     设置了 scrollTop，这些内容可能不会完全显示。    </div></div><script>var p = document.getElementById("p");//p.scrollTop = 10; && $(p).scrollTop(10);</script>使用这两种方法感觉并没有什么区别，得到的是同样的效果？https://jsfiddle.net/a3oxaL03/