zoukankan      html  css  js  c++  java
  • 解决移动端 滚动到页面顶部或底部后 页面滚动失效问题

    时间紧迫,简单写一下

    给滑动元素绑定个scroll事件,原生事件是onscroll

    <div  ref="robot" @scroll="robotScroll">

    scroll事件内:当滚动到顶部时将scollTop 设置成1  当到底部时 scrollTop 减去1像素,就是不让元素 到不了顶部或底部

    robotScroll(e){
            console.log(e);
            var chatlist = document.getElementsByClassName('robot-box')[0];
            // console.log(chatlist.clientHeight);
            // console.log(chatlist.scrollHeight);
            // console.log(chatlist.scrollTop);
            if(chatlist.scrollTop <= 0){
              chatlist.scrollTop = 1
            }
            // console.log(`差${chatlist.scrollHeight - chatlist.clientHeight - chatlist.scrollTop}`);
            if((chatlist.scrollHeight - chatlist.clientHeight - chatlist.scrollTop) <= 0){
              chatlist.scrollTop = chatlist.scrollHeight - chatlist.clientHeight - 1;
            }
          },

  • 相关阅读:
    图书-哲学-奥卡姆剃刀:《奥卡姆剃刀原理》
    汉语-词语-认知:认知能力
    汉语-词语-认知:认知水平
    汉语-词语:认知
    pg_dump
    pg_ctl
    pg_controldata
    pg_config
    paste
    passwd
  • 原文地址:https://www.cnblogs.com/fqh123/p/13642146.html
Copyright © 2011-2022 走看看