当页面滚动时,我如何隐藏一个元素?
- 论坛
- 当页面滚动时,我如何隐藏一个元素?
11 浏览
当页面滚动时,我如何隐藏一个元素?
我有点困惑。
我试着从jQuery的背景下思考Angular的方式。
问题是:
我只想在窗口没有滚动时隐藏一个固定的元素。如果有人滚动页面,我想隐藏该元素。
我尝试创建一个自定义指令,但是无法让它工作,因为滚动事件没有触发。我觉得像下面这样一个简单的控制器,但它甚至都没有运行。
控制器:
.controller('MyCtrl2', function($scope,appLoading, $location, $anchorScroll, $window ) {
angular.element($window).bind("scroll", function(e) {
console.log('scroll')
console.log(e.pageYOffset)
$scope.visible = false;
})
})
视图:
实时预览:
http://www.thewinetradition.com.au/new/#/portfolio
非常感谢任何想法。