首页 > 代码库 > angular浏览器滚动条滚动到指定element 触发事件
angular浏览器滚动条滚动到指定element 触发事件
angular.module(‘app‘).directive(‘ScrollTrigger‘, () => { return { restrict: "A", link:function ($scope,$element,$attrs,$controller) { function debounce(fn, delay) { let timer = null; return function () { let context = this; let args = arguments; clearTimeout(timer); timer = setTimeout(function () { fn.apply(context, args); }, delay); } } let trigger=debounce(() => { if ($element.is(":hidden")) { return; } if (($(window).scrollTop() + $(window).height()) > ($element.offset().top + 5)) { if (!$scope.$eval($attrs.zScrollTrigger)) { $element.trigger("click"); } } }, 100); $(window).scroll(trigger); $scope.$on("destroy",()=>{ $(window).unbind("scroll",trigger); }) } } })
angular浏览器滚动条滚动到指定element 触发事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。