123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- import Swiper from 'swiper/bundle'
- import gsap from 'gsap'
- import LocomotiveScroll from 'locomotive-scroll';
- import Common from '../common/js/Common'
- import {
- isMobile
- } from '../common/js/utils'
-
- export default class App {
- constructor() {
- let common = new Common(document.querySelector('.main'),0)
- this.isMobile = isMobile()
-
- this.scroll = new LocomotiveScroll();
-
- let lazyDoms = document.querySelectorAll(".lazy");
- let isMob=this.isMobile;
- lazyDoms.forEach((item) => {
- if (item.nodeName == "PICTURE") {
- item.children[0].setAttribute("srcset", item.children[0].dataset.srcset);
- item.children[1].setAttribute("src", item.children[1].dataset.src);
- }
- if (item.nodeName == "IMG") {
- if(isMob){item.setAttribute("src", item.dataset.srcm);}
- else{
- item.setAttribute("src", item.dataset.src);
- }
-
- }
- if (item.nodeName == "VIDEO") {
- console.log(item, 'item---2')
- item.setAttribute("src", item.dataset.src);
-
- }
- });
- this.timerFun();
- }
- timerFun() {
- let _this=this;
-
- let isMob=this.isMobile;
- if(isMob){
- let timeAllm=document.querySelector('.timeAllm');
- let timeLis=document.querySelectorAll('.timeLi');
- let timeLisArray = Array.from(timeLis);
-
- timeLisArray.sort((a, b) => {
- let yearA = parseInt(a.querySelector('.year').textContent, 10);
- let yearB = parseInt(b.querySelector('.year').textContent, 10);
- return yearB - yearA;
- });
- timeLisArray.forEach((item,index)=>{
- timeAllm.appendChild(item)
- })
- }else{
-
- let timeCks=document.querySelectorAll('.timeY');
- let timeUls=document.querySelectorAll('.timeUl');
- let ulScrolls=[];
- let verticalScrollPosition = document.getElementById('yourElementId').offsetTop;
- console.log(verticalScrollPosition,8888);
-
-
- let num=0;
- timeUls.forEach((ul, index) => {
- ulScrolls.push(ul);
- });
- timeCks.forEach((item,index)=>{
-
- item.addEventListener('click',()=>{
- timeCks.forEach((item2,index2)=>{
- item2.classList.remove('timeCk');
-
- })
- item.classList.add('timeCk');
-
- _this.scroll.scrollTo(timeUls[index]);
- })
- });
-
-
- function updateScrollChange1() {
- try {
-
- let scrollY = window.scrollY;
- ulScrolls.forEach((item, index) => {
- if (scrollY >= item.offsetTop&&scrollY < item.offsetTop+item.scrollHeight) {
- timeCks.forEach((item2,index2)=>{
- item2.classList.remove('timeCk');
- })
- timeCks[index].classList.add('timeCk');
- }
-
- });
- console.log(scrollY,ulScrolls);
-
- } catch (error) { }
- }
- window.addEventListener('scroll', updateScrollChange1);
- }
- }
-
-
- }
|