0

我正在实现一个评论框并使用完美滚动条插件来实现滚动功能。每当我加载使用 angular 构建的页面时，我都会在评论框内部填充虚拟评论文本。在同一个控制器中，我将 a 设置$timeout为 500 毫秒，并调用一个初始化注释框滚动条的函数。滚动功能有效，但不正确。滚动条不可见，评论框滚动到其内容高度的两倍，这样我就到达了评论的末尾，并且仍有空白空间可供滚动。

我试图在 jsfiddle 中重现问题，但一切都完美无缺。这是我的小提琴。这是我的应用程序的头部

<head>
  <script src="scripts/angular.min.js" type="application/javascript"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.3/css/perfect-scrollbar.min.css" type="text/css"></link>
  <script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.3/js/min/perfect-scrollbar.min.js"></script>
  <link href="appDetails.css" type="text/css" rel="stylesheet"></link>
  <script src="appDetails.js" type="application/javascript" ></script>
</head>

我在其中执行调用以初始化滚动条的 javascript 文件看起来与小提琴完全相同。

如果您想在浏览器中运行测试或检查正在运行的确切代码，请参阅html 文件链接到 google 驱动器上的副本。

4

1 回答 1

1

您的perfect-scrollbar文件未正确包含 CSS，因此 Y 滚动条卡在内容的底部，而不是position: absolute像应有的那样。它在小提琴中起作用，因为 CSS 已被显式添加为外部资源。

您需要添加rel="stylesheet"到您的<link>标签，以便浏览器将其解释为样式。

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.3/css/perfect-scrollbar.min.css">
于 2015-07-17T15:23:54.780 回答