zoukankan      html  css  js  c++  java
  • angular4,angular6中解决内层盒子到底外层盒子滚动

     //用来处理 里盒子滚完外盒子滚的问题
        scrollUnique(who){
            document.getElementsByClassName(who)[0].addEventListener('mousewheel',function($event:any){
                var scrollTop = this.scrollTop,
                scrollHeight = this.scrollHeight,
                height = this.clientHeight;
                var delta = ($event.wheelDelta) ? $event.wheelDelta : -($event.detail || 0);        
                if ((delta > 0 && scrollTop <= delta) || (delta < 0 && scrollHeight - height - scrollTop <= -1 * delta)) {
                    // IE浏览器下滚动会跨越边界直接影响父级滚动,因此,临界时候手动边界滚动定位
                    this.scrollTop = delta > 0? 0: scrollHeight;
                    // 向上滚 || 向下滚
                    event.preventDefault();
                }
            })
        }
    

      没有做兼容和通用,自己改改即可用

  • 相关阅读:
    家庭记账本_2
    家庭记账本_1
    安卓学习进度_25
    安卓软件学习进度_24
    对体温上报app的总结
    安卓软件学习进度_23
    安卓软件学习进度_22
    安卓开发
    安卓开发
    安卓开发
  • 原文地址:https://www.cnblogs.com/fuzitu/p/9480155.html
Copyright © 2011-2022 走看看