鼠标滚轮移动不想让滚动条移动,怎么写代码

鼠标滚轮移动不想让滚动条移动,怎么写代码,第1张

1、完全隐藏 在boby里加入scroll=no,可隐藏滚动条; boby scroll=no 2、在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;反之,则显示; boby scroll=auto 3、样式

1、完全隐藏

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

<boby sroll="no">

、在不需要时隐藏

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

<boby sroll="auto">

3、样式表方法

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

这种方法在页面头部为:<!DOTYPE html PUBLI "-//W3//DTD XHTML 10 Trsitiol//E" "">这种兼容模式下是不行的,其它的没试过,最后终于找到了正确的方法:

被包含页面里加入

<style>

html { overflow-x:hidden }

</style>

有一段解释是这样说的:body{ overflow-x:hidden }在标准 DTD 下是不可以的。

4、另一种方法

<style type="text/ss">

body {

overflow-x:hidden /*隐藏水平滚动条*/

overflow-y:hidden /*隐藏水平滚动条*/

}

</style>

此方法在页面头部为:<!DOTYPE html PUBLI "-//W3//DTD XHTML 10 Trsitiol//E" "">这种兼容模式下也是不行的。

<style type="text/ss">

html {

overflow-x:hidden /*隐藏水平滚动条*/

overflow-y:hidden /*隐藏水平滚动条*/

}

</style>

===================================================

这个对你有用。 不好意思因为,上面的部分代码单词拼写有错误,请不要直接复制使用,不过方法是正确的,按照相关思路就可以了,基本上不用js就可以搞定。

<table><tr><td><a href="#"></a></td></tr></table>加入body里面的table这样子,按你说,原来是body里面定义了样式,那你只要在表格里面在加一个,这样它的优先级就比body的优先级高,比如上面格式,你在table里面加class="table",table样式就写 .table a{ cloor:#CCC}这样就ok 吧

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>


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

原文地址: https://outofmemory.cn/bake/11870604.html

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

发表评论

登录后才能评论

评论列表(0条)

保存