页面禁止滚动条

最新推荐文章于 2022-06-29 16:18:24 发布
最新推荐文章于 2022-06-29 16:18:24 发布
阅读量63 收藏
点赞数
原文链接：http://www.cnblogs.com/save-shengfei/p/6590551.html
版权 
<body style="overflow:scroll;overflow-y:hidden"> 禁止纵向滚动条

<body style="overflow:scroll;overflow-x:hidden"> 禁止纵向滚动条

overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容

overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条

转载于:https://www.cnblogs.com/save-shengfei/p/6590551.html

weixin_30608131
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
移动端弹出层滚动时禁止body滚动
qq_35741728的博客
10-28 4万+
移动端弹出层滚动时禁止body滚动 相信很多写移动端的朋友会遇到这个问题，我也遇到了，之后就辛辛苦苦的在网上找解决办法，下面我大概提一下我在网站遇到的几种办法，行不行的通呢？本人就亲测了下。如果有什么不对的地方或者有好的解决办法，也请告知。 1.弹出层出现时给body添加一个css样式：height:100%;overflow:hidden;弹出层消失再去掉这个类。 测试结果：chrome手
浅谈禁止网页的系统滚动条
ron_wang_的博客
08-13 418
网页的系统滚动条 当html和bodu只有html拥有overflow属性的时候 html的滚动条就会传递到系统同滚动条document上 当html和body 只有body拥有overflow属性 那么body的滚动条也会传递到系统滚动条上 当html和body都拥有overflow属性的时候 那么body的滚动条是属于body自己的 html的滚动条会传递到document上 禁止系统滚动...
html页面禁止滚动条,css如何不让出现滚动条？
weixin_32083393的博客
06-03 8411
css不让出现滚动条的方法：1、通过overflow属性设置禁止出现滚动条，此方法滚动条不会出现，内容也无法滚动。2、使用伪对象选择器::-webkit-scrollbar设置隐藏滚动条。设置禁止出现滚动条：1、样式表方法在里加入style="overflow-x:hidden"，可隐藏水平滚动条；加入style="overflow-y:hidden"，可隐藏垂直滚动条。被包含页面里加入html ...
单页面禁止多个滚动条同时滚动的JS
03-13 1883
开场白省略... 场景描述： 一个页面中，分左右布局，且两边都是有滚动条的情况下。如图： 滚动左边的时候，这时候body的滚动条也开始滚动了，但是！ 我不想让body的滚动条也滚动，所以出现下面的几句代码，如果大家有更好的方法，欢迎留言说出来。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
CSS 页面禁止滚动
weixin_44805839的博客
06-29 4557
CSS 页面禁止滚动
利用jquery禁止外层滚动条的滚动
01-19
假如我们设定要禁止window的滚动条，我采取的策略是：当鼠标进入到当前区域后，则window的滚动条的高度始终是鼠标进入前的高度 如下的代码： <style type=text/css> .main{ overflow: auto; wi
css使用overflow属性控制滚动条的样式
09-22
此属性用于禁止横向滚动条。即使内容宽度超过容器，也不会显示横向滚动条，超出的部分将被隐藏。这对于保持页面布局的整洁非常有用。 4. `overflow-y: scroll` 类似地，`overflow-y: scroll`强制显示垂直滚动条，...
JavaScript实现移动端弹窗后禁止滚动
10-15
1. 设置`document.body.style.overflow`为`'hidden'`，这样可以隐藏滚动条并禁止页面内容滚动。 2. 添加一个事件监听器，监听`touchmove`事件，调用`stopTouch`方法，并传入一个配置对象。这个配置对象的`passive`...
css将div层固定显示在页面底部不随滚动条滚动
12-13
复制代码代码如下:#totop{position:fixed;right:10px;bottom:10px;width:100px;height:100px;}
js禁止滚动条滚动
xiasnn的博客
10-12 1万+
方法一：将body设置为fixed（滚动条会消失，页面会抖动，比较麻烦） //弹层背景滑动问题 var top1 = 0; function stopBodyScroll(isFixed) { var bodyEl = document.body if (isFixed) { top1 = window.scrollY bodyEl.style.position =
如何禁止页面滚动
dayanwu2842的博客
11-27 2665
禁止页面滚动 有三种方法 1，依靠css 将页面 document.documentElement.style.overflow='hidden'; document.body.style.overflow='hidden';//手机版设置这个。 如果设置了如上，页面的滚动条将会消失，此时鼠标滚轮失效。 但是 你用键盘的 上下左右键，你会发现，页面仍然可以滚动。 ...
HTML禁用竖向滚动条
阿呆的专栏
04-17 1万+
body { overflow:scroll; overflow-y:hidden; }
禁用页面滚动条
code旅行者的专栏
04-03 4175
html {    overflow: hidden; } body {     overflow: hidden; } 在IE6，7下需要设置html有效，在其它标准浏览器下设置body就可以
禁用html页面滚动条
清水的专栏
09-10 1685
在body中添加 style="overflow:hidden"
JS-设置弹窗时候禁用滚动条
u013868665的博客
12-25 1万+
方法一启用禁用时，设置jsdocument.documentElement.style.overflowY = 'hidden'; 当还原时候，只需要把属性重置scroll就可以了document.documentElement.style.overflowY = 'scroll'; 方法二方法一仅仅是滚动条的隐藏和显示。如果想要在显示滚动条条件下，实现这一功能，需要绑定scroll的事件 启用禁...
前端页面弹框遮罩禁止页面滚动
热门推荐
大菜鸟的博客
07-03 6万+
前端页面弹框遮罩禁止页面滚动前端开发经常会遇到的一个问题就是制作一个弹框来向用户提示信息，在这个弹框弹出的同时，往往会伴有一个灰色的遮罩层挡住页面内容，同时整个页面被这层遮罩盖住，不可点击也不可滚动。 要制作这个效果在PC端非常简单，只需要设置html的高度为100%占满屏幕，并且将html的overflow设置为hidden，即可保证页面不可滚动。 但是同样的问题在移动端情况就有所区别。仅
css实现页面禁止水平滚动条
岁月如歌去，十年弹指间
11-26 2万+
禁止滚动条
bluelzx的专栏
08-23 301
style="overflow-y:hidden"   这个是y轴不出现滚动条     style="overflow-x:hidden"   这个是x轴不出现滚动条     加在body   或是div下
JQuery 禁用启用滚动条方式
jQuery,CSS,Asp.net及前端开放问题汇总
04-15 1万+
//禁止滚动条 $(document.body).css({ "overflow-y": "hidden" }); /启用滚动条 $(document.body).css({ "overflow-y": "auto" });
遮罩层禁止滚动条
最新发布
06-02
要禁止遮罩层下面的网页滚动条，可以给遮罩层设置样式`position: fixed;`和`overflow-y: scroll;`，然后通过JavaScript的方式禁止body元素的滚动条，例如： ```javascript var body = document....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值