fixedtop

首页课程实战体系课手记专栏慕课教程

fixedtop

来源：6-2 子路由配置以及转场动画实现

木鸟

2018-11-08

  diff(newVal) {
    let fixedTop = (newVal > 0 && newVal < TITLE_HEIGHT) ? newVal - TITLE_HEIGHT : 0
    if (this.fixedTop === fixedTop) {
      return
    }
    this.fixedTop = fixedTop
    this.$refs.fixed.style.transform = `translate3d(0,${fixedTop}px,0)`
  }
},

老师fixedTop 到底是什么值呢，看不太明白this…fixedTop === fixedTop 自己等于自己？

写回答

1回答

qq_张现斐_0

qq_张现斐_0

2018-11-08

他是向上活动的位移值，如果小于标题的高度就会触发上一个标题向上移动的位移，另外写这个判断条件是为了向上移动过程中还没有达到标题高度时避免一直触发改变下面的样式的修改

0

1

木鸟

谢谢老师的回答，我对这个的用途是明白的，但是语法上不是很清晰。this.fixedTop === fixedTop和this.fixedTop = fixedTop 不太明白。 this中的fixedTop是什么和后面的fixedTop有什么区别

2018-11-09

共1条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

关于this.fixedTop === fixedTop性能优化问题

回答 1

老师请教一下5-10中固定滚动标题，当不需要去偏移DOM的时候，let fixedTop=0，可是为什么this.fixedTop也是0呢？

回答 1

watch diff的时候

回答 1

关于diff那里的逻辑，

回答 1

有点小疑惑

回答 1

打开慕课网App查看更多内容