https://www.cmcdi.com.hk/js/home.js

1$(function() {
2
3    let y = $(window).scrollTop();
4    $(window).scrollTop(y+1);
5
6    /* Banner */
7    $('.homeBanner .banner-wrapper').slick({
8        infinite: true,
9        arrows: true,
10		dots: true,
11        autoplay: true,
12        autoplaySpeed: 7000,
13		prevArrow: '<div class="slick-prev"></div>',
14  		nextArrow: '<div class="slick-next"></div>',
15    })
16
17    /* News */
18    $(".homeNews .item-wrapper").slick({
19        infinite: false,
20        slidesToShow: 4,
21        arrows: false,
22        dots: true,
23        responsive: [{
24            breakpoint: 1024,
25            settings: {
26                slidesToShow: 2,
27            }
28        }, {
29            breakpoint: 768,
30            settings: {
31                slidesToShow: 2,
32            }
33        }, {
34            breakpoint: 550,
35            settings: {
36                slidesToShow: 1,
37            }
38        }]
39    })
40
41    /* Corporate Video */
42    /* $('.homeCorpVideo .overlay .icon-play').on('click', function(){
43        $('.homeCorpVideo .overlay').hide();
44        $(".homeCorpVideo video")[0].play();
45        $(".homeCorpVideo video").attr('controls', '');
46    }) */
47
48    /* Report */
49    /* const reportBg = document.querySelector('.homeReport .bg');
50    $(window).on('scroll', function(){
51        const rect = reportBg.getBoundingClientRect();
52        const viewportHeight = window.innerHeight;
53        const elementTop = rect.top;
54        const scrollDistance = rect.height;
55        const progress = (viewportHeight - elementTop) / scrollDistance;
56        let r = progress;
57        reportBg.style.setProperty('--r', r);
58    }) */
59    
60    
61    $('.homeStockquote, .homeNews, .homeCorpVideo, .homeProfile, .homeFinancial, .homeReport').appear();
62
63    $('.homeStockquote').on('appear', function() {
64        $(this).addClass('act');
65    })
66
67    $('.homeNews').on('appear', function() {
68        $(this).addClass('act');
69    })
70
71    $('.homeCorpVideo').on('appear', function() {
72        $(this).addClass('act');
73    })
74
75    $('.homeProfile').on('appear', function() {
76        $(this).addClass('act');
77    })
78
79    const counterUp = window.counterUp["default"];
80    $('.homeFinancial').on('appear', function() {
81        $(this).addClass('act');
82        $('.homeFinancial .data-wrapper').on('animationend webkitAnimationEnd oanimationend', function() {
83            $('.homeFinancial .value .unit').removeClass('hidden');
84            document.querySelectorAll('.counter').forEach(counterItem => {
85                counterUp(counterItem, {
86                    duration: 1000,
87                })
88            })
89        })
90    })
91
92    $('.homeReport').on('appear', function() {
93        $(this).addClass('act');
94    })
95
96});