当页面滚动时,我如何隐藏一个元素?

11 浏览
0 Comments

当页面滚动时,我如何隐藏一个元素?

我有点困惑。

我试着从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;

})

})

视图:

TOP

实时预览:

http://www.thewinetradition.com.au/new/#/portfolio

非常感谢任何想法。

0