해당 위치에 오면 숫자가 올락라는 스크립트

2021-06-21 (월) 10:24:45 2,762

var isVisible = false;

$(window).on("scroll", function () {
  if (checkVisible($(".up_number")) && !isVisible) {
      var memberCountConTxt= 15;
  
  $({ val : 0 }).animate({ val : memberCountConTxt }, {
   duration: 2000,
  step: function() {
    var num = numberWithCommas(Math.floor(this.val));
    $(".memberCountCon").text(num);
  },
  complete: function() {
    var num = numberWithCommas(Math.floor(this.val));
    $(".memberCountCon").text(num);
  }
});

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
    isVisible = true;
  }
});

function checkVisible( elm, eval ) {
    eval = eval || "object visible";
    var viewportHeight = $(window).height(), // Viewport Height
        scrolltop = $(window).scrollTop(), // Scroll Top
        y = $(elm).offset().top,
        elementHeight = $(elm).height();   
    
    if (eval == "object visible") return ((y < (viewportHeight + scrolltop)) && (y > (scrolltop - elementHeight)));
    if (eval == "above") return ((y < (viewportHeight + scrolltop)));
}

1개 사용중인데 4개로 늘리려고 합니다.

코드를 좀 짧게 짤 수 있을까요?

|

답변 1개 / 댓글 1개

2021-06-21 (월) 12:34:09

https://codepen.io/

이런 곳에 해당 소스를 올리시고

url을 남기시면 더 빠른 답변을 얻으실 수 있습니다.

답변에 대한 댓글 1개

감사합니다.

답변을 작성하려면 로그인이 필요합니다.