用于自动内容滚动的 Jquery simplescroll 插件适用于静态但 ng-repeat 不起作用答案

【问题标题】：Jquery simplyscroll plugin for auto content scrolling is work with static but with ng-repeat not working用于自动内容滚动的 Jquery simplescroll 插件适用于静态但 ng-repeat 不起作用
【发布时间】：2016-03-01 02:58:23
【问题描述】：

jquery simplescroll 插件，用于自动滚动内容和静态内容但是当我在里面添加 ng-repeat 时它就不起作用了。

如果有人对自动垂直内容滚动器的角度有其他解决方案，请帮助我。

提前致谢。

【问题讨论】：

标签： jquery css angularjs html

【解决方案1】：

我建议使用angular-scroll-glue

你只需要添加scroll-glue指令

<div scroll-glue>
    <!-- Content here will be "scroll-glued". -->
</div>

您可以通过 angular-scroll-glue 检查demo 是否相同

【讨论】：

【解决方案2】：

我遇到了同样的问题，这就是我的解决方法。

我使用 $timeout 服务来确保在初始化滚动条之前加载了 DOM：

        $timeout(function() {
          $("#scroller").simplyScroll({
            orientation: 'vertical',
            customClass: 'vert',
            frameRate: 20,
            speed: 3
          });
        }, 0, false);

我还必须使用 vert 类并使用提供的示例 CSS 的修改版本：

.vert {
  height: 400px;
  margin-bottom: 1.5em;
}

/* Clip DIV */
.vert .simply-scroll-clip 
  height: 400px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list li {
  height: 40px;
  line-height: 15px;
}

我意识到最重要的一点是您必须为每个 li 项目设置一个明确的高度。

这里是 vert 类的原始 CSS，如果您想从他们为垂直滚动条的示例开始：

http://logicbox.net/jquery/simplyscroll/vertical.html

【讨论】：