优艾设计网

没有滚动条怎么写啊??

优艾设计网 https://www.uibq.com 2023-01-01 14:33 出处:网络 作者:PS教程
我想问下,没有滚动条怎么写啊,在线优艾设计网_在线设计等。。。从IE中导入2015
我想问下,没有滚动条怎么写啊,在线优艾设计网_在线设计等。。。
从IE中导入2015 2021-05-21 08:53

对网页滚动条的控制,在细部上体现了页面的成功之处。特别是首页。如果精心设计的页面,需要在没有滚动条的情况下才能充分的展现,如果没有对滚动条进行很有效的控制,那别人看起来,一定会有很多遗憾。

关于滚动条产生的原因,简单的说明一下,当宽(width)超过了浏览器默认的宽(width)的的范围,就会产生横向滚动条,纵向滚动条产生的原因也是一样的。

关于滚动条的控制,在实现上是这样的

无框架页面的控制:(非常之简单,但未于NC下测试过。那位测试过请告之。)

框架页面:在D4下,按shit+F2(菜单上:window>frames),在frames面板中,选中需要控制滚动条的框架页面,在属性面板上将scroll的性属远为no。源代码实现起来为:

对于更精细的控制,如不出现横向的滚动条,有几种不同的办法:因为,只要width不超过浏览器默认的宽,就不会出现横向的滚动条,所以,只需要做一个width=100%的table,把所有内容都放在里面,而且那些内容的绝对宽度不超过wihtd的宽度,就可以了。但是如果超出了(例如图片的宽度),那样仍会产生滚动条,就要靠css来进一步控制了,代码如下

那样,超出的部份将被掩盖,实现了不出现横向的滚动条。对纵向的控制,也是相同的。

(附:OVERFLOWER---css中的定位属性:

overflow

属性值:visible|hidden|scroll|auto

默认值:visible

不适用于百分比值。

overflow属性决定了元素的内容在超越它的宽度和高度限制时,浏览器如何处理。在使用"visible"的情况下,不论宽和高声明为多少,超出部份都要被强制显示;当属性值为"hidden"时,任何超出原先声明的宽和高的部份,都会变得不可见,正好和"visible"相反。设为"auto"时,将按实际情况,提供一组滚动条。最后"scroll"属性值是无论在什么情况,都出现滚动条。)

总的来说,要实现对滚动条的控制,是非常简单的,只需要区分一下是否框架页,然后选用相应的属性就可以了。容易弄错的就是一些朋友在对无框架页面的控制上,也用“scrolling”这个属性。当然,如果是用css来控制,就没有什么问题了。

最后需要强调的一点就是,如果一个页面需要滚动条才能看完的情况下,如果最消了滚动条,将有一部份内容不能被看见,取消滚动条的适用条件是应是“取消后,能看到更完整的内容优艾设计网_设计客!”所以,如果控制了滚动条,请写上适用于什么样的分辨率观看,谁也不会奢望做给800*600分辨下看的网页,控制了滚动条后,在640*480的分辨率下,也能取得同样好的效果。


王大尉 2021-05-21 08:54

给你要滚动的的标签的父标签加一个overfl优艾设计网_设计百科ow:auto;

例如:

一段需要滚动的文字………………………………………………


_CFT0****6284 优艾设计网_Photoshop论坛 2021-05-21 08:54

以前这个问题我也想了一阵子,但是又不想用插件什么的。

给你个思路。一个外部div里设置宽高设置overflow:hidden,然后里面插入一个div 设置

宽度width: 102%;height: 100%;overflow-x: hidden;overflow-y: auto;padding-right:30px;/*这个padding可以自己调整*/

然后在再插入的div里插入内容就可以了,这样滚动条就会超出视线范围而被隐藏了。

你可以参考我的网站里blog栏目里那些弹窗滚动vganchou点com


刘合磊 2021-05-21 09:03

优艾设计网_设计LOGO

div 加滚动条的两种方法:

一、


e49****11 2021-05-21 09:09

楼上的不懂装懂。楼主至少测试一下在设置选定答案吧?

添加优艾设计网_平面设计样式

::-webkit-scrollbar{

display:none;

}


xiaoerhei2017 2021-05-21 09:12

div有很多滚动条样式,如果只要垂直的话,参考如下:

css写法:

js写法:

div.style.overflow-x="hidden"。

DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

扩展质料:

标签定义 HTML 文档中的分隔(DIVision)或部分(section)。div属于web前端的学习内容,其中 标签常用于组合块级元素,以便通过样式表来对这些元素进行格式化。 可定优艾设计网_设计百科义文档中的分区或节(division/section)。 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。如果用 id 或 class 来标记 ,那么该标签的作用会变得更加有效。

当我们使用 CSS-P 的时候, 我们主要把它用在 DIV(division)tag 上。当你把文字,图像,或其他的放在 DIV 中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候,你就知道它们是指一段在 DIV 中的 HTML。


0

精彩评论

暂无评论...
验证码 换一张
取 消