scrollHeight和offsetheight给出未定义的值

时间:2019-07-17 09:15:20

标签: javascript angularjs

当我管理offsetscrollheight时,它返回未定义状态,我不知道为什么

var element = angular.element(
  document.querySelector("#div-content")
);
console.log(element.scrollHeight);
console.log(element.offsetHeight);
vm.hasVerticalScrollbar =
  element.scrollHeight != element.offsetHeight;

if (vm.hasVerticalScrollbar) {
  console.log("true");
} else {
  console.log("false");
}
<div id="div-content">
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>

我想知道潜水员是否具有滚动条,但是第一步(scrollHeight & offsetHeight)不起作用。 我不想使用jQuery

2 个答案:

答案 0 :(得分:0)

您应该直接使用var element = document.querySelector("#div-content"),而不要使用angular.element(...)包装它。

答案 1 :(得分:0)

没有必要:

document.querySelector

您可以像这样使用angular.element:

var element = angular.element("#div-content");

要获取scrollHeight / offsetHeight,请尝试:

let scrollHeight = element[0].scrollHeight;
let offsetHeight = element[0].offsetHeight;