Bùi Văn Toàn | Sống khỏe chủ động

Bùi Văn Toàn

Bùi Văn Toàn

Đồng hành cùng các gia đình Việt sống khỏe chủ động, và giúp người đi làm khởi nghiệp an toàn, bền vững.

Mình muốn giảm mỡ, dáng gọn, người khỏeHành trình 60 ngày cùng Toàn Mình muốn làm cùng ToànThêm nguồn thu nhập từ sức khỏe

// Hiện dần từng khối khi cuộn tới, các thẻ trong cùng một lưới hiện so le
(function () {
  if (!('IntersectionObserver' in window)) return;
  var chon = '.hero .nhan, .hero h1, .hero .mo-ta, .hero .cta, .hero .tin, .hero .anh,'
    + ' section .nhan, section h2, section .mo-ta, section .cta, .the, .chuyen img, .chuyen p,'
    + ' .chuyen blockquote, .ky, .cam-ket, details, .hop-test, .form-khung, .the-bio > *';
  var soLe = '.the, .the-bio > *, .hero *';
  var io = new IntersectionObserver(function (ds) {
    ds.forEach(function (d) {
      if (!d.isIntersecting) return;
      var el = d.target;
      io.unobserve(el);
      el.classList.add('cd-hien');
      // Hiện xong thì trả lại hiệu ứng rê chuột vốn có của phần tử
      setTimeout(function () {
        el.classList.remove('cd', 'cd-hien');
        el.style.transitionDelay = '';
      }, 900 + (parseInt(el.style.transitionDelay, 10) || 0));
    });
  }, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });

document.querySelectorAll(chon).forEach(function (el) {
    if (el.parentElement && el.parentElement.closest('.cd')) return; // khối cha đã chạy hiệu ứng
    if (el.closest('.lop-test')) return;
    if (el.matches(soLe)) {
      var i = Array.prototype.indexOf.call(el.parentElement.children, el);
      el.style.transitionDelay = Math.min(i, 5) * 90 + 'ms';
    }
    el.classList.add('cd');
    io.observe(el);
  });
})();