在ASP中如何令到滚动条隐藏??
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在ASP中如何令到滚动条隐藏??相关的知识,希望对你有一定的参考价值。
使用框架(无论是frameset、frame、iframe)嵌套网页的时候,如果子网页的高度超过了预先设定的高度,会出现滚动条,也就是尺寸溢出,一般来说如果高度超了就出现垂直滚动条,宽度超了就出现水平滚动条,但是在IE6中,只要尺寸大于等于预定高度,就会两个滚动条一起出现,这好象是一个bug。解决方法:
在子网页设置css如下:
html
overflow-y:auto!important;
*overflow-y:scroll;
(在兼容模式下不能在body里面定义,要在html中定义)这段最重要的一点是设置overflow-y为scroll,这样强制出现垂直滚动条的话,水平滚动条就不会显示出来了,但如果宽度超出过多,水平滚动条还是会超出,这时可以考虑设置:overflow-x:hidden;,但相应的,这样用户就无法滚动子页面了。
之所以要加overflow-y:auto!important;,是因为IE7中已没有这个bug,并且firefox也能认到overflow-y这个据说是IE的私有属性……,所以我们还要把overflow设回来。
1、完全隐藏
在
里加入scroll="no",可隐藏滚动条;
2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;反之,则显示;
3、样式表方法
在
里加入style="overflow-x:hidden",可隐藏水平滚动条;加入style="overflow-y:hidden",可隐藏垂直滚动条。
这种方法在页面头部为:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这种兼容模式下是不行的,其它的没试过,最后终于找到了正确的方法:
被包含页面里加入
html
overflow-x:hidden;
有一段解释是这样说的:body
overflow-x:hidden;
在标准
DTD
下是不可以的。
4、另一种方法
body
overflow-x:hidden;
/*隐藏水平滚动条*/
overflow-y:hidden;
/*隐藏水平滚动条*/
此方法在页面头部为:http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这种兼容模式下也是不行的。
html
overflow-x:hidden;
/*隐藏水平滚动条*/
overflow-y:hidden;
/*隐藏水平滚动条*/
定义在html里就好了。 参考技术A 我们希望是强制出现滚动条,但有时候我们并不希望出现滚动条,那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。
具体步骤:
方法一:设置CSS属性overflow为hidden。
<body
style="overflow:hidden">
方法二:设置body元素的scroll属性为no。
<body
scroll="no">
注意:
建议用方法一隐藏滚动条,用方法二的话在IE5.0中无法再用脚本对页面进行滚动进行操作。因为方法只是隐藏滚动条不显示,而方法二是直接设置为没有滚动条。这一点可以在本部分第六章的《问题6》中分别用本例的两种方法设置demo.htm页的滚动条来测试。在IE5.0上,用方法二隐藏demo.htm页滚动条后,控制页面滚动的功能将失效。
技巧:
如果只想隐藏横向或纵向上的滚动条,可以用overflow-x或overflow-y来设置。 参考技术B html,bodyoverflow:hidden;
html主要针对IE6,FF和IE7设置body
overflow属性为hidden即可。同时亦可通过scroll属性禁用滚动条。<body
scroll="no">将窗口滚动条禁用,而不是隐藏。但是通过JS控制scroll属性时,在IE6可能会失效~···所以建议还是使用overflow实现来隐藏滚动条。
如何在 NativeScript 中隐藏 ScrollView 的滚动条?
【中文标题】如何在 NativeScript 中隐藏 ScrollView 的滚动条?【英文标题】:How can I hide scrollbar for ScrollView in NativeScript? 【发布时间】:2019-06-16 17:01:01 【问题描述】:我一直在反复研究如何从 html 文件而不是 typescript 或 JavaScript 中隐藏 NativeScript Angular 中 ScrollView 的滚动条,但我找不到它。
我已经尝试了什么:
thread 显示了一种通过访问本机 API 来实现此目的的方法,但它对于 iOS 和 Android 是不同的。我正在寻找一个跨平台的解决方案。 我已经使用了这个plugin,但我再次寻找一种更简单的方法,比如某种属性<ScrollView>
标签。
环境:
节点:10.16npm:6.9.0NativeScript:5.4.0
【问题讨论】:
【参考方案1】:我找到了实现这一目标的方法。使用以下方法:
<ScrollView scrollBarIndicatorVisible="false">
...
</ScrollView>
我希望你觉得它有用。参考API
以下内容已经过测试:
平台: Android、iOS框架: NativeScript - Angular、JavaScript、TypeScriptNativeScript 版本: 3、4 , 5
【讨论】:
以上是关于在ASP中如何令到滚动条隐藏??的主要内容,如果未能解决你的问题,请参考以下文章