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();}})}

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

转载于:https://www.cnblogs.com/fuzitu/p/9480155.html


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部