原文:移动端浏览器和微信浏览器上禁止body的滚动条

一般禁止body滚动的做法就是设置overflow:hidden。 但是很奇怪的发现在移动端浏览器和微信浏览器上这个不起作用,然后我分析了我的写法,就是在body上加了一个class去定义属性,然后改成标签的定位,如body overflow:hidden ,这个实现是可以的,没有滚动条。 再进一步分析,如果要用class去实现没有滚动条,如下代码设置: 这个就是完全的禁止上下滑动,没有滚动条,且 ...

2016-12-20 16:53 2 19719 推荐指数:

查看详情

CSS 禁止浏览器滚动条的方法(转)

1、完全隐藏 在<boby>里加入scroll="no",可隐藏滚动条; <boby scroll="no"> 这个我用的时候完全没效果,不知道是什么原因!不过好多人说这么用可以,大概是用的位置不一样吧 2、在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时 ...

Mon Nov 18 10:37:00 CST 2013 0 3947
禁止浏览器滚动条滚动,但滚动条可以显示

最近写一个类似土豆播放选集数的滚动条,需要的效果是当鼠标位于选择集数的div中时只能滚动该div的滚动条,但是浏览器滚动条禁止滚动~ 网站找了很多方法都是直接隐藏滚动条,最终找到下面方法 代码: var keys = [37, 38, 39, 40]; function ...

Sun Jan 15 14:23:00 CST 2017 0 2117
控制浏览器滚动条

有时候 web 页面上的元素并非直接可见的,就算把浏览器最大化,我们依然需要拖动滚动条才能看到想要操作的元素,这个时候就要控制页面滚动条的拖动,但滚动条并非页面上的元素,可以借助 JavaScript是来完成操作 一般用到操作滚动条的会两个场景: 注册时的法律条文的阅读,判断用户是否阅读 ...

Mon Jul 16 00:12:00 CST 2018 0 1431
浏览器滚动条设置

1. 谷歌、safari、qq浏览器、360浏览器滚动条可以设置,火狐不能这样设置 ...

Fri May 22 00:57:00 CST 2020 0 1807
隐藏浏览器body滚动条,并进行滚动

  在使用html2canvas插件的时候,发现截图完成后右侧区域被覆盖了一点,后面才发现是滚动占了位置   网上有些解决滚动条的方法,不过他们都是相对盒子的,而我这个是对body的   最终发现引用下面这个css就OK了(我这是谷歌浏览器)   ...

Wed Aug 28 21:53:00 CST 2019 0 1165
关于隐藏滚动条的问题(elemenui滚动条浏览器滚动条

一、问题再现   在用elementui写项目的时候,如果当前页面的内容超出了可视窗口就会出现滚动条,而浏览器又自带滚动条,这样的话就会出现两个或以上滚动条,如下图所示: 二、解决方案 1、添加<el-scroll></el-scroll>或者其他块级标签 ...

Fri Jan 14 01:36:00 CST 2022 0 2339
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM