vue移动端监听滚动条高度的方法

这两天做移动端项目遇到的问题，就是当滚动条下拉到一定的高度的时候，让某个东西固定定位到顶部首先做的如何监听滚动条的高度，下面是我写的方法var _this =thiswindow.addEventListener('scroll',function(){var scrollTop = document.documentElement.scrollTop || document.body...

guo一清

15425人浏览 · 2018-03-21 08:30:29

guo一清 · 2018-03-21 08:30:29 发布

这两天做移动端项目遇到的问题，就是当滚动条下拉到一定的高度的时候，让某个东西固定定位到顶部

首先做的如何监听滚动条的高度，下面是我写的方法

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 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^