Vue全局监听滚动条事件

news/2024/7/10 2:48:34 标签: vue监听滚动, vue

项目需求滚动条大于200时候,头部固定定位,小于的时候相对定位,监听滚动条事件:

// 全局监听,写在App.vue里面
  methods: {
      handleScroll(){
          let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop // 滚动条偏移量
          if (scrollTop >= 160) {
              this.$store.commit('changeFixed', '1')
          } else {
              this.$store.commit('changeFixed', '0')
          }
      }
  },
  mounted () {
      window.addEventListener('scroll',this.handleScroll)
  }

http://www.niftyadmin.cn/n/1845530.html

相关文章

【Flutter 混合开发】与原生通信-EventChannel

Flutter 混合开发系列 包含如下: 嵌入原生View-Android嵌入原生View-iOS与原生通信-MethodChannel与原生通信-BasicMessageChannel与原生通信-EventChannel添加 Flutter 到 Android Activity添加 Flutter 到 Android Fragment添加 Flutter 到 iOS 每个工作日分享一篇…

【Flutter 混合开发】添加 Flutter 到 Android Activity

Flutter 混合开发系列 包含如下: 嵌入原生View-Android嵌入原生View-iOS与原生通信-MethodChannel与原生通信-BasicMessageChannel与原生通信-EventChannel添加 Flutter 到 Android Activity添加 Flutter 到 Android Fragment添加 Flutter 到 iOS 每个工作日分享一篇…

为什么Linux下必须有 根 和swap分区

为什么Linux下必须有 根 和swap分区一种流行的、以讹传讹的说法是,安装Linux系统时,交换分区swap的大小应该是内存的两倍。也就是说,如果内存是2G,那么就应该分出4G的硬盘空间作为交换空间。其实这是严重的浪费。真实的情况是&…

Vuex报错‘__WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor’

今天使用Vuex的时候突然报错了,康康官网是怎么搞得: const store new Vuex.Store({state: {count: 0},mutations: {increment (state) {state.count}} })再康康我的: const store new Vuex.store({state: {count: 0},mutations: {increment (state) …

模态窗口插件之Jbox

$.jBox.tip("报损数量不能大于库存数!", error); $.jBox.tip("请选择要报损的产品", "warn"); $.jBox.tip("报损单创建成功", "success"); $.jBox.info(result.d, "提示"); $.jBox.confirm("确定要删除吗&am…

【Flutter 混合开发】添加 Flutter 到 Android Fragment

Flutter 混合开发系列 包含如下: 嵌入原生View-Android嵌入原生View-iOS与原生通信-MethodChannel与原生通信-BasicMessageChannel与原生通信-EventChannel添加 Flutter 到 Android Activity添加 Flutter 到 Android Fragment添加 Flutter 到 iOS 每个工作日分享一篇…

Vue中router.push跳转传参

纯跳转 this.$router.push(/home) // 向地址栏历史添加一条。可以回退 this.$router.replace(/home) // 不添加跳转历史params参数 this.$router.push({name: home , // 或者可以写成 path: /homeparams: { // 这种参数不会带在地址栏上name:…

【2016.3.18】作业 VS2015安装单元测试(2)

转载于:https://www.cnblogs.com/holy-angel/p/5293904.html