Bind scroll event to select element using angularjs

Question

I am new to angularjs. And i dont know how to bind scroll event to the html element select.this is my directive to adding scrolling functionality.

myApp.directive('scrolly', function () {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            var raw = element[0];
            console.log(element[0]);
            element.bind('scroll', function () {
                console.log('inside scroll');
            });
        }
    };
});

Here I attached my fiddle link.Please someone help me to fix this issue.

floribon · Accepted Answer · 2016-06-01 10:31:35Z

1

There is no HTML event fired when you scroll through a select box as it is rendered by your operating system and not the browser.

If you really need to catch this behavior, you should use a HTML select element, such as the popular select2 or selectize libraries.

answered Jun 1, 2016 at 10:31

floribon

19.2k5 gold badges56 silver badges68 bronze badges

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

Collectives™ on Stack Overflow

Bind scroll event to select element using angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related