Javascript 如何根据文档高度以角度隐藏div？

如果这是在别处，请原谅我

我参加了一个中途放弃的项目。我以前没有在angular中工作过，需要根据文档是否高于视口隐藏/显示“返回顶部”按钮。我已经尝试了几种不同的方法，但都无法成功。这是我的最新尝试：

$(document).ready(function() {

    if ($(document).height() > $(window).height()) {
        console.log("document height is greater");
        $('#arrowUp').show();
    } else {
        console.log("window height is lesser");
        $('#arrowUp').show();
    }
});

---

提前谢谢你为什么不试试这样的东西：

<div id="arrowUp" ng-show="$(document).height() > $(window).height()" >
  /\
</div>

/\

---

我也不认为在一项琐碎的任务中使用jQuery是为了获取这些值。

首先，我强烈反对将Angular和jQuery混合使用——它们都是DOM操作框架，在您尝试解决各种问题时，它们会相互碰撞，给您带来无尽的麻烦

下面是一个非常做作的示例，它基于高度显示或隐藏div的“角度”方式。您应该能够根据窗口和文档高度的差异对其进行调整，以满足显示箭头的需要（在内置代码段运行程序中很难演示这一点）

angular.module（'app'，[]）
.controller（'ctrl'，函数（$scope）{
$scope.maxHeight=1200；
$scope.windowOuterHeight=window.outerHeight；
$scope.documentHeight=document.documentElement.clientHeight；
});

输入最大高度：
窗口外部高度为{windowOuterHeight}}px


文档高度为{documentHeight}}px
实际html标记的一个片段将有助于确定如何实现角度方向。这是我第一次在angular之外使用堆栈溢出。我感谢你的迅速答复。我喜欢这样的解决方案，但它似乎隐藏了我的按钮。我注意到我的检查员有以下几点。不过，我不确定这是否有助于诊断我的问题。[ng \：斗篷]，[ng斗篷]，[data ng斗篷]，.ng斗篷，.x-ng斗篷，.ng隐藏：非（.ng隐藏动画）{显示：无！重要；}极好！谢谢你！我没有意识到他们之间产生了问题，但我和他们之间有一些奇怪的问题，我不得不解决。今后我将牢记这一点。干杯