div 显示滚动条的CSS代码

zengni 2014-08-20

div显示上下左右滚动条

<div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div>

 

div显示上下滚动条的css代码

<div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </div>

div显示左右滚动条的css代码

<div style="width:260px;height:120px; overflow-x:scroll; border:1px solid;"> 这里是你要显示的内容 </div>
修改滚动条颜色的代码
SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色) 
SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色) 
SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色) 
SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色) 
SCROLLBAR-BASE-COLOR(滚动条的基本颜色) 
SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的颜色)
zengni

zengni

相关推荐

DIV 自定义滚动条样式（二）

流浏览器自带的滚动条样式很丑，确实有必要美化。滚动条从外观来看是由两部分组成：1，可以滑动的部分，我们叫它滑块2，滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。而且不同的浏览器下，CSS 滚动条属性的写法也不一样，如果各个浏览器都需要兼容，

echoes / 0评论 2019-11-03

纯css，div隐藏滚动条，保留鼠标滚动效果。[转载]

前记当我们的内容超出了我们的div，往往会出现滚动条，影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。我们不希望出现滚动条，也不希望超出去的内容被放逐，就要保留鼠标滚动的效果。方法这里介绍一个简单的方法。大体思路是在div外面再

xiaohuli / 0评论 2019-06-29

纯css，div隐藏滚动条，保留鼠标滚动效果。

.nav_wrap{height:400px;width:200px;overflow:hidden;border:1pxsolid#ccc;margin:20pxauto;}.nav_ul{height:100%;width:220px;overflow

libowen0 / 0评论 2018-06-04

CSS样式overflow-y属性的使用

今天项目需求，在自定义ExtJS拖拽控件的时候，拖拽容器主体定义成div标签，当拖拽元素宽度超过div标签宽度，拖拽元素会移出拖拽容器，因此需要设置滚动条，经过实践可以直接为div增加overflow-y样式，设置style属性为overflow-y:au

dangzhangjing / 0评论 2019-06-27

CSS样式overflow-y属性的使用

今天项目需求，在自定义ExtJS拖拽控件的时候，拖拽容器主体定义成div标签，当拖拽元素宽度超过div标签宽度，拖拽元素会移出拖拽容器，因此需要设置滚动条，经过实践可以直接为div增加overflow-y样式，设置style属性为overflow-y:au

语帆 / 0评论 2015-04-15

div产生的滚动条如何回到顶部

我话少，直接上代码，html代码比较乱，主要为了产生垂直滚动条，看js就Ok了，jquery.js自行下载，就不提供了，so easy!其实说白了就是控制这个div的垂直滚动条的偏移，这里回到顶部，所以就设置成0。顺带着也把页面的垂直滚动条也移到了最顶端。

努力的zhiyi / 0评论 2014-08-04

鼠标控制图片放大缩小div带滚动条效果

<!<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>. var_wheelDelta=0,upcheck=-1;ad

ChromeHearts / 0评论 2013-05-14

div圆角显示|去除超链接虚线框|scrollbar的css

div圆角显示，IE不支持！a去掉点击之后的虚线框！

wolaizheli / 0评论 2013-04-07

如何让div随着滚动条移动

<!<linkrel="stylesheet"type="text/css"href="<%=basePath%>/home/css/blue.css"/>. <

沉着前进 / 0评论 2011-10-22

DIV style相关参数

所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当div所规范的区域内的内容达到一定程序时，滚动条就派上用场。其功能大约是为了节约页面空间，就是所谓的“缩地”了。看看效果如何吧，代码在下一楼提供。

liusure0 / 0评论 2011-09-27

jquery 悬浮div，滚动条跟随

<div id="test" style="position: absolute; top:100px; right:200px; width:100px; height:200px; background:#0033F

87453661 / 0评论 2011-08-21

固定DIV｜纯CSS实现

在网页开发的时候，经常需要页面上有一个固定的DIV，而且，希望随着滚动条的滚动这个固定的DIV不会刷新（抖动）。下面来说一下纯CSS实现<div id="fix_d"></div>的固定方法。}其中top和lef

wolaizheli / 0评论 2011-06-30

网页特效：随浏览器滚动条移动的DIV层

</SCRIPT><div id="Javascript.Div3" class="div" style="width: 240px; height:90px" align=&q

linkincsdn / 0评论 2011-05-22

javascript实现div跟随滚动条移动

接着是window.setInterval();函数体要放在setInterval中，否则firefox及chrome浏览器下执行会有问题；

hong / 0评论 2011-03-03

JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)

本文实例讲述了JS实用技巧。分享给大家供大家参考，具体如下：。如何防止设置DIV出现滚动条？style="overflow-x: hidden; overflow-y: auto;"通过JS控制页面的样式也可以利用数组的形式表现。win

我的梦想 / 0评论 2016-06-16

jQuery实现将div中滚动条滚动到指定位置的方法

本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。分享给大家供大家参考，具体如下：。scrollToContainer = mainContainer.find;//滚动到<div id="thisMainPanel&qu

闷骚的男 / 0评论 2016-08-10

jQuery控制div实现随滚动条滚动效果

本文实例讲述了jQuery控制div实现随滚动条滚动效果的方法。分享给大家供大家参考，具体如下：。$.animate; //方式一 效果比较理想。//$.css; 方式二 有阴影。<br/><br /><br/><

飞蛾分吧 / 0评论 2016-06-07

一个用jquery写的判断div滚动条到底部的方法【推荐】

jQuery 里和滚动条有关的概念很多，但是有三个属性和滚动条的拖动有关，就是：scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性，互联网上几乎搜素不到关于它的应用技巧，而我正好需要用到它。</d

88417615 / 0评论 2019-04-25

jQuery判断div随滚动条滚动到一定位置后停止

var scrollBtm = $.height() - $.scrollTop() - $.height();</script>方法说明：由页面总高度减去已滚动的高度再减去ID为widget的层的高度即等于该层底部距离底部的高度；当距离底部的

seoppt / 0评论 2014-04-02

jquery简单实现滚动条下拉DIV固定在头部不动

.bc{ width:100%; background-color:#eee; text-align:center; text-align:center; color:#fff; font-size:24px; background-color:#060;

84261948 / 0评论 2013-11-25

基于jquery的滚动条滚动固定div(附演示下载)

元芳,你怎么看?我也在网上找了找代码，屡试不爽啊，很多代码乱且没用。于是乎，我自己写一个，代码非常之简单，只有10几行，但遗憾的是，不兼容IE6，如果谁有兼容IE6的例子，还请指教。直接贴下代码吧。我现在是红色，把滚动条往下啦我会显示成蓝色。

zhaoxinglei00 / 0评论 2012-10-29

实例解析DIV Scroll属性用法

DIV Scroll属性详解，为DIV层打造不同的滚动条。以上属性设置的值为visible(默认值)、scroll、hidden(隐藏)、auto()浏览器自动设置)。或<bodystylebodystyle="overflow:hidde

wangxiuyan0 / 0评论 2010-09-09

Firefox嵌套CSS中div标签居中问题解决方法

如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常；但是在Firefox中b却会是居左的。解决办法就是设置b的横向margin为auto。最好的解决方案往往是最简单的，这里列出8个C

Ladyseven / 0评论 2010-08-31

DIV 自动滚动功能及滚动条颜色修改

= 0) { preTop = o.scrollTop; o.scrollTop += 1; if {

编程爱好者联盟 / 0评论 2016-11-04