我想在用户滚动角度方式时更改CSS元素.
这是使用JQuery方式的代码
$(window).scroll(function() {
if ($(window).scrollTop() > 20 && $(window).scrollTop() < 600) {
$('header, h1, a, div, span, ul, li, nav').css('height','-=10px');
} else if ($(window).scrollTop() < 80) {
$('header, h1, a, div, span, ul, li, nav').css('height','100px');
}
Run Code Online (Sandbox Code Playgroud)
我尝试使用以下代码执行Angular方式,但$ scope.scroll似乎无法正确拾取滚动数据.
forestboneApp.controller('MainCtrl', function($scope, $document) {
$scope.scroll = $($document).scroll();
$scope.$watch('scroll', function (newValue) {
console.log(newValue);
});
});
Run Code Online (Sandbox Code Playgroud)
Muchos gracias amigos!
angularjs ×1