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

问题描述

问 题

<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/

解决方案

jquery的scrolltop方法对原生的scrolltop属性做了封装处理，其实现主要是get和set此属性，有兴趣可以研究源码，具体区别就是浏览器兼容性区别。

这篇关于javascript - jquery的scrollTop方法和js的scrollTop属性有什么区别呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！