vue移动端监听滚动条高度的实现方法
更新时间：2018年09月03日 15:58:29 作者：guo一清
今天小编就为大家分享一篇vue移动端监听滚动条高度的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
这两天做移动端项目遇到的问题，就是当滚动条下拉到一定的高度的时候，让某个东西固定定位到顶部
首先做的如何监听滚动条的高度，下面是我写的方法
var _this =this
window.addEventListener('scroll',function(){
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if(scrollTop>100{//滚动条的高度，可以动态获取也可以写死
//这里写要执行的操作
_this.gofixed = false
console.log(1); }else{ _this.gofixed = true }},true)我的这个方法是应用v-bind:class 来添加一个类 名
gofixed
是判断的变量
以上这篇vue移动端监听滚动条高度的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue批量图片显示时遇到的路径被解析问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
这篇文章主要介绍了Nuxt如何实现将服务测数据存储到Vuex中的方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要为大家详细介绍了vue前后分离调起微信支付，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要介绍了Element ui关闭el-dialog时如何清除数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
这篇文章主要介绍了Vue路由传参props解耦的三种方式小结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
Vue实现textarea固定输入行数与添加下划线样式的思路详解
这篇文章主要介绍了使用Vue实现textarea固定输入行数与添加下划线样式的思路详解，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-06-06
vue项目实现减少app.js和vender.js的体积操作
这篇文章主要介绍了vue项目实现减少app.js和vender.js的体积操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要介绍了在vue项目中配置你自己的启动命令和打包命令方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要为大家介绍了前端自动化测试Vue中TDD和单元测试示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要给大家分享了 v-bind的使用和注意需要注意的点，下面文章围绕 v-bind指令的相关资料展开内容且附上详细代码 需要的小伙伴可以参考一下，希望对大家有所帮助2021-11-11
最新评论