when scrolled $(window) scroll function not triggered at angular controller

Question

I want to fix some new panel when window is scrolled but, whenever I scrolled window then $(window).scroll(fucntion(){ }); is not triggered. This function is in my angular controller.

This is at angular controller but when I scroll it isn't triggered

$(window).scroll(function () {
            console.log(" i Like it");
        //$scope.$apply();
    });

I also tried this.

$(document).ready(function(){ 
$(window).scroll(function () {
            console.log(" i Like it");
        //$scope.$apply();
    });
});

But it's also not working. Please help.

stackoverflow.com/questions/20253322/angular-js-scroll-window or docs.angularjs.org/api/ng/service/$anchorScroll — a45b
– a45b, Commented Apr 5, 2016 at 10:47

thegio · Accepted Answer · 2016-04-05 11:45:59Z

1

May I ask why are you using parenthesis? ($(window))

Please try following code:

app = angular.module('myApp', []);
app.controller("ctrl", function ($window) {
  var i = 0;

    $window.onscroll = function(){
     console.log(" i Like it: " + i++);
   };
});

Should be triggered by window scroll. But honestly you should really consider the use of directives instead.

edited Apr 5, 2016 at 11:45

answered Apr 5, 2016 at 10:54

thegio

1,2438 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

thegio Over a year ago

please also add the $window as dependency of your controller.

Jordi Ruiz · Accepted Answer · 2016-04-05 10:49:30Z

0

when you work with angular you have to think about separation of concerns. You shouldn't add this kind of functionality inside of an angular controller. If you want to do something with the DOM probably you should use an angular directive.

Regards

answered Apr 5, 2016 at 10:49

Jordi Ruiz

4872 silver badges11 bronze badges

Collectives™ on Stack Overflow

when scrolled $(window) scroll function not triggered at angular controller

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related