我想在html中弄一个水平的滚动条怎么弄?

我想在html中弄一个水平的滚动条怎么弄?,第1张

1、在html中定义好一个dom标签,可以是body或者div等等。

2、给dom元素设置相应的宽度,可以用style中的width。

3、再给dom元素设置overflow属性,水平滚动条就是overflow-x:scroll。这样当元素中的内容超出设置的宽度时就会出现滚动条。

示例:

<div style="overflow-x:scrollwidth:200pxwhite-space:nowrap">当内容超出设定的宽度时自动出现横向滚动条</div>

<div style="width:260pxheight:120px overflow:scroll border:1px solid"> 这里是你要显示的内容 </div> <div style="width:260pxheight:120px overflow-y:scroll border:1px solid"> 这里是你要显示的内容 </div> <div style="width:260pxheight:120px overflow-y:scroll scrollbar-base-color:#ff6600 border:1px solid"> 这里是你要显示的内容 </div>

SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)

SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)

SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色)

SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色)

SCROLLBAR-BASE-COLOR(滚动条的基本颜色)

SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的颜色)

就是一个scroll属性,一般的定位标签都支持,比如div body frame等

以下为个人存档收藏,希望对你有帮助:

隐藏滚动条:style="overflow:hidden" 只隐藏水平方向滚动条:style="overflow-x:hidden" 只隐藏垂直方向滚动条:style="overflow-y:hidden"

<body scroll="yes">

请问div层如何使下拉框跟着发送的消息自动下拉,也就是一直处于底端

我已经这样写了

<div id="chatcontent" style="OVERFLOW-Y: autoWIDTH: 100%POSITION: relativeHEIGHT: 100%display:blockbackground-color:#ffffcc"><FONT face="宋体"></FONT></div>

已经有overflow-y属性,但这也只是保证在超过高度时候自动出现下拉框,但不能自动下拉一直处于底端,怎么设置阿,请高手解答下

一着急说错了

chatcontent.scrollTop = chatcontent.scrollHeight - chatcontent.offsetHeight

在div属性里加上

onscroll=window.status="#"+chatcontent.scrollTop+"#"+chatcontent.scrollHeight+"#"+chatcontent.offsetHeight

拖一拖滚动条,看下状态栏就知道咋回事了。

///////////////////////////////////////////////////////////////////////////

下边是两个DIV同时滚动

<html>

<head>

<style>

DIV {width:200height:200border:solid 1pxoverflow-x:hiddenoverflow-y:scroll}

body {margin:0}

</style>

</head>

<body>

<div onscroll="ToScroll.scrollTop = this.scrollTop">

1. re: 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?

评论内容较长,点击标题查看

--quitgame

2. re: 请教高手,如何取得Target属性

评论内容较长,点击标题查看

--quitgame

3. re: 请教高手,如何取得Target属性

评论内容较长,点击标题查看

--trueben

4. re: 请教高手,如何取得Target属性

Request.QueryString["target"]

--wudebin

5. re: [急]请教:如何防止同时访问相同页面?

评论内容较长,点击标题查看

--Pharaoh

阅读排行榜

1. 在asp.net中如何防止二重启动,相当于VB中函数App.PrevInstance的功能(235)

2. [急]请教:如何防止同时访问相同页面?(160)

3. 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?(155)

4. 请教高手,如何取得Target属性(141)

</div>

<div id="ToScroll" style="left:220pxposition:absolutetop:0px">

1. re: 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?

评论内容较长,点击标题查看

--quitgame

2. re: 请教高手,如何取得Target属性

评论内容较长,点击标题查看

--quitgame

3. re: 请教高手,如何取得Target属性

评论内容较长,点击标题查看

--trueben

4. re: 请教高手,如何取得Target属性

Request.QueryString["target"]

--wudebin

5. re: [急]请教:如何防止同时访问相同页面?

评论内容较长,点击标题查看

--Pharaoh

阅读排行榜

1. 在asp.net中如何防止二重启动,相当于VB中函数App.PrevInstance的功能(235)

2. [急]请教:如何防止同时访问相同页面?(160)

3. 请教:如何在子页面关闭时把焦点设置到父页面的服务器控件上?(155)

4. 请教高手,如何取得Target属性(141)

</div>

</body>

</html>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存