在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,但我再次寻找一种更简单的方法,比如某种属性&lt;ScrollView&gt; 标签。

环境:

节点:10.16npm:6.9.0NativeScript:5.4.0

【问题讨论】:

【参考方案1】:

我找到了实现这一目标的方法。使用以下方法:

<ScrollView scrollBarIndicatorVisible="false">
...
</ScrollView>

我希望你觉得它有用。参考API


以下内容已经过测试:

平台: Android、iOS框架: NativeScript - Angular、JavaScript、TypeScriptNativeScript 版本: 3、4 , 5

【讨论】:

以上是关于在ASP中如何令到滚动条隐藏??的主要内容,如果未能解决你的问题,请参考以下文章

如何隐藏滚动条?

如何在 UIStackView 中隐藏滚动条?

android中怎样隐藏滚动条

CSS怎么隐藏滚动条

如何在 Firefox 中隐藏滚动条而不停止在 div 中滚动

如何在 Angular 组件中隐藏默认浏览器滚动条?