判断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 因为很多页面都用了