CSS 禁止滚动条(隐藏或屏蔽IE滚动条的几种常用方法)

CSS 禁止滚动条(隐藏或屏蔽IE滚动条的几种常用方法),第1张

CSS 禁止滚动条,有4种方法,具体如下:

1、完全隐藏

在<boby>里加入scroll="no",可隐藏滚动条;

<boby scroll="no">

2、在不需要时隐藏

指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;

反之,则显示;

<boby scroll="auto">

3、样式表方法

在<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条;

加入style="overflow-y:hidden",可隐藏垂直滚动条。

被包含页面里加入

<style>

html { overflow-x:hidden }

</style>

4、另一种方法

<style type="text/css">

body {

overflow-x:hidden

overflow-y:hidden

}

</style> 

<style type="text/css">

html {

overflow-x:hidden

overflow-y:hidden

}

</style>

1、在遮罩层停止添加touchmove

2、如果d窗不在遮罩层内部,那么冒泡就不会经过遮罩层,也就无法屏蔽滑动

3、如果实在不能把d窗放到遮罩层内,那么给d窗加一个单独的 .prevent 修饰符也可以,下面这两种方式都是有效的:

4、这种屏蔽方式只是屏蔽了滑动,对于PC端的鼠标滚轮是无效的,但屏蔽鼠标滚轮也很简单,把 touchmove 事件处理器改成 scroll 事件的处理器就好。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11554826.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存