/Javascript/AngularJS/Angular scroll event on div chang width

Angular scroll event on div chang width

<body style="overflow: scroll; height: 1000px;" onload="scrollDetect()">
    <div class="firstdiv" style="border:1px solid black; margin: 0 auto; width: 200px;height: 200px;">
    </div>

    <script>
        function scrollDetect() {
            let div = document.querySelector('.firstdiv')
            var lastScroll = 0;
            window.onscroll = function () {
                let currentScroll = document.documentElement.scrollTop; // Get Current Scroll Value
                if (currentScroll > 0 && lastScroll <= currentScroll) {
                    lastScroll = currentScroll;
                    div.style.width = '50%'
                    div.style.height = "50%";
                    div.style.background = "red";
                    div.style.position = "relative";
                    div.style.top = "0";
                    div.style.left = "0";
                } else {
                    lastScroll = currentScroll;
                    div.style.width = '200px'
                    div.style.height = '200px'
                }
            };
        }
    </script>
</body>

Source: stackoverflow.com

Similar codes

0 vote262 views1 answer
How to add d3.js in angular
Javascript AngularJS
0 vote250 views1 answer
Javascript console log angularjs $scope data
Javascript AngularJS
0 vote270 views1 answer
My angular modal popup is not closing automatically
Javascript AngularJS
12 votes248 views5 answers
Update angular 10
Javascript AngularJS
0 vote256 views1 answer
Get child routes using parent in angular
Javascript AngularJS
0 vote262 views1 answer
Mac address validation regex angular
Javascript AngularJS
6 votes263 views4 answers
Angular url parameter
Javascript AngularJS
2 votes267 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS
21 votes355 views6 answers
Angular property has no initializer and is not definitely assigned in the constructor
Javascript AngularJS
0 vote266 views1 answer
How to add external link in angular
Javascript AngularJS