document.body.scrollTop / document.documentElement.scrollTop javascript

Question

我有这段代码，我想在div上而不是主体上做滚动。

var scrollPosition = document.body.scrollTop || document.documentElement.scrollTop;

我试过这个：

var divToScroll = $(".divToScroll"),
    scrollPosition = divToScroll.scrollTop || document.divToScroll.scrollTop;

但这不起作用

<section class=divToScroll>
     <article>
     </article>
</section>

风格：

.divToScroll{
  position:relative;
  width:640px;
  height:320px;
  overflow-y:auto;
  overflow-x:hidden;
}

.divToScroll article{
   width:100%;
   height:2000px;
}

Answer 1

它不能工作的原因是divToScroll是一个jQuery对象，不是document.body这样的原生DOM节点，因此没有scrollTop属性，但是jQuery有一个scrollTop()方法

var divToScroll = $(".divToScroll"),
    scrollPosition = divToScroll.scrollTop();

当然，只有当滚动条附加到该元素时才有效。

如果没有jQuery，它将是：

var divToScroll = document.getElementsByClassName('divToScroll')[0],
    scrollPosition = divToScroll.scrollTop;