判斷div是否在屏幕內 。 有效果的滾動功能 + 判斷當前頁面是否激活

            window.onscroll=function(){
            var title = document.getElementById("div");//獲取到導航欄id
            //使用JS原生對象，獲取元素的Class樣式列表
            var titleClientRect = title.getBoundingClientRect();
            if((titleClientRect.top - titleClientRect.height) < 0) {
                console.log("hide")
            } else {
                console.log("show")
            }
             }

      var element = document.getElementById(msg); //頁面滾動功能
      element.scrollIntoView({
        behavior: "smooth"
      });

document.addEventListener("visibilitychange", function() {
  var isHidden = document.hidden;
  if (isHidden) {
    console.log("走了");
  } else {
    console.log("回來了");
  }
});

//  如果其中要有this操作  可以全局變量一個新的值代替this 不要用that 因爲很多頁面都用了