div的范围点击，类似小说的点击中间出现导航栏

#想要做什么：点击一个div的中间，或者其他位置触发某个方法...，下方的图片是效果图，第一个是点击消失，第二个是点击出现（按钮旁边的是粒子效果，不是图片乱了哦）。

//点击屏幕中间位置的方法x:25%-75%,y:30%-70%;也可以再修改成带参数的（我的是固定的，不写了...）
getMousePos(event) {
  let e = event || window.event;
  let width=$('#book-read').width();//写成自己的ID
  let height=$('#book-read').height();
  let clientX=e.clientX;
  let clientY=e.clientY;
  var clickCon=0;
  if (parseInt(clientX/width *100)>25 && parseInt(clientX/width *100)<75){
    if (parseInt(clientY/height *100)>30 && parseInt(clientY/height *100)<70){
      //打印点击位置的范围
      console.log(`x:${parseInt(clientX/width *100)},y:${parseInt(clientY/height *100)}`);
      clickCon=1;//满足条件就等于1
    }
  }
  if (clickCon==1){//也能直接把想要触发的方法放到上面满足条件之后，这里我写到了外面
    this.main_log();//如果点击的地方是自己想要的地方就触发某些方法，（这是我自己的方法）
  }
  console.log(clickCon);//看一下是0/1？
},