我想在html中弄一个水平的滚动条怎么弄？_IT百科

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"

请问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>

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>

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/11362876.html

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

发表评论

评论列表（0条）