8.6 封装自己的 js库

下面 就封装 滚动 与 显示隐藏的 效果

• 获取scrollTop和scrollLeft
  */
  function scroll() {//滚动的封装
  if(window.pageYOffset !== null){ // ie9+ 和 最新浏览器
  return {
  left: window.pageXOffset,
  top: window.pageYOffset
  }
  }else if(document.compatMode == 'CSS1Compat'){ // 非怪异浏览器
  return{
  left: document.documentElement.scrollLeft,
  top: document.documentElement.scrollTop
  }
  }
  return{
  left: document.body.scrollLeft,
  top: document.body.scrollTop
  }
  }

//封装显示

function show(tagId) {
return document.getElementById(tagId).style.display = 'block';
}

//这个封装隐藏
function hide(tagId) {
return document.getElementById(tagId).style.display = 'none';
}

function $(tagId) {
return document.getElementById(tagId);
}

//封装隐藏 显示 用这上 下 两种都可以
/*function hide(obj) {
return obj.style.display = 'none';
}

function show(obj) {
return obj.style.display = 'block';
}

function $(id) {
return typeof id === 'string' ? document.getElementById(id): id;
}*/