前言
最近因为工作需要让我一个效果实现在页面某一部分内滑块随着滚动条上下滑动，说明一下我们项目使用技术angularJs.大家都知道，使用jquery很好实现。
那么angular如何实现呢，我用的是自定义指令（directive）。
方法如下
1.下面是我html部分代码，detail-scroll是我自定义的标签
最近因为工作需要让我一个效果实现在页面某一部分内滑块随着滚动条上下滑动，说明一下我们项目使用技术angularJs.大家都知道，使用jquery很好实现。
那么angular如何实现呢，我用的是自定义指令（directive）。
1.下面是我html部分代码，detail-scroll是我自定义的标签
2.开始写js代码
这里假设我们在某一个module下，控制器叫做AppCtrl
detailScroll是 angular命名规范，驼峰式，一定要这样写，angular只有用自定义指令，才可以用jquery的一些方法。。 以上只是个简单的例子来演示一下，如果滑块移动的top值不准确，可以自行计算。
这只是简单的自定义指令写法，还有一个是可以引入模板
return {
restrict: 'EA', replace: true, scope:{
//想要从父级controller传到这里的函数,对象，变量，分别用（&，=，@），具体怎么用大家可以参考angular官网详解
}
templateUrl:'路径或是html拼接的字符串', controller: function($scope,$element,$attrs,$transclude) { // 控制器逻辑 }
//controller这样写也可以，还有一种直接写controller名，通过注入的方法，比如
controller:['$scope',appCtrl]
} })
可以参考这个，很详细~~~
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对编程之家的支持。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
