美文网首页
在某个有滚动条的div中滚动,禁用页面的总滚动条滚动

在某个有滚动条的div中滚动,禁用页面的总滚动条滚动

作者: IssunRadiance | 来源:发表于2023-05-09 16:10 被阅读0次
  1. 禁止滚动条滚动
stop(){
  var mo = function(e) { e.preventDefault(); };
  document.body.style.overflow = 'hidden';
  document.addEventListener("touchmove",mo,false);
}
  1. 恢复滚动条滚动
move(){
  var mo=function(e) { e.preventDefault(); };
  document.body.style.overflow = '';
  document.removeEventListener("touchmove",mo,false);
},
  1. 在div滚动时调用stop() , 在div停止滚动时调用move()

相关文章

  • 模拟滚动条与表格性能优化

    模拟滚动条是在禁用浏览器自带滚动条后使用html和js代码自定义实现滚动条效果 首先需要设置原有出现滚动条的元素 ...

  • 滚动条

    1.IOS 手机容器滚动条滑动不流畅 2.修改滚动条样式 隐藏div元素的滚动条

  • 滚动条

    滚动条距离顶部的距离 将滚动条滚动到某个坐标

  • DIV滚动条添加css显示和滚动条隐藏

    对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来...

  • 返回滚动条位置不变

    html:在设置滚动条的div写一个ref 在点击详情页的方法里存储滚动条位置 设置定时函数,避免刷新位置刷新没了

  • vue-easytable 的scrollLeft ,ios 滚

    首先,当div里面有滚动条的时候, 当两个div都有滚动条。并且需要同步滚动的时候,因为ios有滑动惯性和缓动的原...

  • CSS设置滚动条样式

    CSS设置滚动条样式 一:webkit下面的CSS设置滚动条 ::-webkit-scrollbar 滚动条整体部...

  • scroll和wheel事件

    scroll 1 .scroll事件在滚动条滚动时被触发2 . scroll检测的是滚动条的滚动,当滚动条不能滚动...

  • vue监听滚动条加载数据

    在vue项目里面监听滚动条和在普通的HTML里面监听滚动条的做法是一样的,1.首先需要知道三个值:滚动条距离div...

  • Safari 滚动卡顿

    Safari 中的div滚动很卡顿,如果想滚动不卡顿,需要将滚动条调到html级,使用默认滚动

网友评论

      本文标题:在某个有滚动条的div中滚动,禁用页面的总滚动条滚动

      本文链接:https://www.haomeiwen.com/subject/pxgrsdtx.html