滚动条的使用

 <html>
        <head>
        <title>Div Scroll</title>  

        <style type="text/css">
        .scroll {
            width: 50%;                                     /*宽度*/
            height: 200px;                                  /*高度*/
            color: ;                                        /*颜色*/
            font-family: ;                                  /*字体*/
            padding-left: 10px;                             /*层内左边距*/
            padding-right: 10px;                            /*层内右边距*/
            padding-top: 10px;                              /*层内上边距*/
            padding-bottom: 10px;                           /*层内下边距*/
            overflow-x: scroll;                             /*横向滚动条(scroll:始终出现;auto:必要时出现;具体参考CSS文档)*/
            overflow-y: scroll;                             /*竖向滚动条*/  

            scrollbar-face-color: #D4D4D4;                  /*滚动条滑块颜色*/
            scrollbar-hightlight-color: #ffffff;                /*滚动条3D界面的亮边颜色*/
            scrollbar-shadow-color: #919192;                    /*滚动条3D界面的暗边颜色*/
            scrollbar-3dlight-color: #ffffff;               /*滚动条亮边框颜色*/
            scrollbar-arrow-color: #919192;                 /*箭头颜色*/
            scrollbar-track-color: #ffffff;                 /*滚动条底色*/
            scrollbar-darkshadow-color: #ffffff;                /*滚动条暗边框颜色*/
        }
        </style>  

        </head>  

        <body>
        <div align="center">
            <div class="scroll">
                <!--在此添加想要显示的内容 -->
            </div>
        </div>  

        </body>
    </html>

滚动条的使用

时间： 2024-11-04 04:20:27

滚动条的使用的相关文章

css滚动条

1.顶部滚动条 <img src="1.jpg"> <script> $(".loading .pic").animate({width:10%},100); </script> <img src="2.jpg"> <script> $(".loading .pic").animate({width:50%},100); </script> <img

asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)

自从腾讯微博上线以来,基本上就开始用了,一直到现在,作为一个开发人员,也看到了腾讯微博一直在不停的改变,也不知道大家有没有发现,腾讯微博提供两种加载数据的方式,一种是分页,一种是滚动浏览器滚动条加载数据,分页功能我想大家都做得太多了,今天我与大家分享一下我用滚动条滚动加载数据,小生不才,还望各位大侠指教,呵呵~ 下面开讲: 首先说一下思路,我用的是Jquery,然后通过Jquery的ajax()方法通过 HTTP 请求加载远程数据来实现的,用到Jquery,首先要应用jquery.min.js类

CSS3特性修改(自定义)浏览器默认滚动条

前言:我们做前端时,会遇到一些需求,要求把默认浏览器的滚动条样式给改写了,诶.好好的改它干啥了,也带不来用户体验,就是好看点嘛!实现原理其实是用了伪元素,webkit的伪元素实现很强,可以把滚动条当成一个页面元素来定义,再结合一些CSS3属性,比如圆角.渐变.rgba等等.最常见的伪元素,我们最熟悉的元素之前和元素之后(::before/::after)[伪类(:hover/:link)].这里写了一个Demo,来看看... 一.HTML <div class="banner_box&qu

js scrollTop, 滚动条操作

设置页面加载时滚动条自动滚到底的方法: jQuery: 复制代码代码如下: $(function(){ var h = $(document).height()-$(window).height(); $(document).scrollTop(h); }); JavaScript: 复制代码代码如下: window.onload = function(){ var h = document.documentElement.scrollHeight || document.body.scro

JavaScript中Textarea滚动条不能拖动的问题

在IE中,你是否碰到过Textarea的滚动条不能拖动,但点上下按钮可以滚动内容? 这个问题的原因很可能就是在该Textarea中绑定了onfocus事件,但是,基于某种条件,又将其焦点去掉(即blur()),这样就导致滚动条不能拖动. 一个典型的例子为: me.$input.on("focus",function(){ if ($isIE && me.enabled == false) me.$input.blur(); }); 当输入控件$input(DOM 元素我

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

转自:http://blog.163.com/[email protected]/blog/static/1284651702010894509982/ 关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全.正确搞明白的. 我知道很多人不同意我的观点.但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的.我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的. jQuery 里和滚动条有关的概念很多,但是

jQuery 随滚动条滚动效果（适用于内容页长文章）

直接入题! 当内容页比较长的时候,网站右侧一直是空白,不如放点有用的东西给用户看,最好不要放广告,因为那样很邪恶,你懂的. 好吧,昨天写了这个东西,jQuery滚动随动区块,代码如下: //侧栏随动 var rollStart = $('.feed-mail'), //滚动到此区块的时候开始随动 rollOut = $('.cookie-list'); //隐藏rollStart之后的区块 rollStart.before('<div class="da_rollbox">

axure 制作滚动效果（不显示滚动条）

笔者在上一篇文章<axure制作app侧滑菜单>中介绍了淘宝app筛选菜单的制作方法,但筛选菜单中的内容仅仅填充了"一屏"的内容,如果内容比较多,就需要菜单能够上下滚动,且仅仅是菜单部分滚动,其他商品列表部分(背景)无需滚动,本文介绍一下实现方法: 上篇<axure制作app侧滑菜单>博文地址: http://pmdrx.blog.51cto.com/11810835/1911380 要是实现局部滚动,动态面板即可实现,但动态面板的滚动条是不能隐藏的,这个时候我

js控制div内的滚动条的位置

通过div的scrollTop变动控制垂直滚动条位置. 通过div的scrollLeft变动控制水平滚动条位置. 示例: <body> //d1是外层div,带滚动条 <div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'> <div style='height:500px;width:500px;background:yellow'>2222</div> &l

第2篇：用as3.0制作一个滚动条组件

本实例演示了实现一个滚动条基本功能的制作方法,没有添加改变皮肤,修改滚动条视框大小等功能,有兴趣的朋友可根据自己要求自行添加.使用时只需要通过以下一行代码创建滚动条组件: var myScrollbar:Scrollbar=new Scrollbar(mc); addChild(myScrollbar); 其中mc为需要添加滚动条功能的元件,如影片剪辑,文本等. 一.制作元件滚动条由滑块slider,向上向下滚动的按钮,滚动条背景,遮挡内容的遮罩及存储内容的contMc元素组成.当拖动滑块sl