滚动条 设置

最新推荐文章于 2023-12-28 22:29:10 发布
最新推荐文章于 2023-12-28 22:29:10 发布
阅读量563 收藏
点赞数
分类专栏： 其他 文章标签： timer function javascript asp server html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hefeixue/article/details/1379294
版权
< style >  
body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色) 
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色) 
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色) 
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色) 
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色) 
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色) 
 </ style >

设置Panel 滚动条     CSS  设置

#Panel1  { SCROLLBAR-FACE-COLOR: #008cb0; SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90; SCROLLBAR-SHADOW-COLOR: #008cb0; SCROLLBAR-3DLIGHT-COLOR: #008cb0; SCROLLBAR-ARROW-COLOR: #240024; SCROLLBAR-TRACK-COLOR: #008cb0; SCROLLBAR-DARKSHADOW-COLOR: #48486c; SCROLLBAR-BASE-COLOR: #008cb0 }

html: 代码

< asp:Panel  id ="Panel1"  runat ="server"  style ="OVERFLOW-Y: auto"  Width ="200px"  Height ="240px" ></ asp:Panel >

隐藏滚动条
在任何情况下，如果网页超出显示范围，就会出现滚动条。但有时我们并不想让它显示，如何隐藏它呢？只需在<body> </body>之间插入代码：<body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滚动条，将其改为y的话就可以隐藏垂直滚动条。 

滚屏显示
当网页中有长篇文章时，浏览起来就比较吃劲了，想想一边忙着拖动滚动条，一边忙着浏览，确实挺累人的。为了客人能够轻松的浏览，我们可以使用script代码实现网页的自动滚屏，当双击网页的时候，网页将会自动向下滚动，再次单击时滚动停止。将下面的代码插入到<body> </body>之间。

< script language " javascript " >  
 var  currentpos,timer; 
 function  initialize() 
 { 
timer=setInterval("scrollwindow()",10); 
}  
 function  sc() { 
clearInterval(timer); 
}  
 function  scrollwindow() 
 { 
currentpos=document.body.scrollTop; 
window.scroll(0,++currentpos); 
if (currentpos != document.body.scrollTop) 
sc(); 
}  
document.onmousedown = sc 
document.ondblclick = initialize 
 </ script >  
hefeixue
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html滚动条 textarea属性设置
12-14
1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色） scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本颜色 scrollbar-dark-shadow-color立体滚动条强阴影的颜色 scrollbar-face-color立体滚动条凸
MFC设置滚动条C++代码
01-12
MFC对话框实现垂直和水平滚动条，欲知道如何实现，请下载！ //在OnInitDialog里添加如下代码为对话框创建一个垂直滚动条和水平滚动条 //获取窗口的大小 CRect rc; GetClientRect(&rc); const SIZE sz = { rc.right - rc.left, rc.bottom - rc.top }; //垂直滚动条 SCROLLINFO vsi; vsi.cbSize = sizeof(SCROLLINFO);//必须 vsi.fMask = SIF_PAGE | SIF_POS | SIF_RANGE; vsi.nPos = 1;//滚动条的初始位置 vsi.nMin = 0;//滚动条所能滚动的最小值 vsi.nMax = sz.cy+500; //滚动条所能滚动的最大值，可以根据实际情况设置 vsi.nPage = sz.cy;//一页的大小 SetScrollInfo(SB_VERT, &vsi, FALSE); //此函数将产生一个垂直滚动条 //水平滚动条 SCROLLINFO hsi; hsi.cbSize = sizeof(SCROLLINFO);//必须 hsi.fMask = SIF_PAGE | SIF_POS | SIF_RANGE; hsi.nPos = 1;//滚动条的初始位置 hsi.nMin = 0;//滚动条所能滚动的最小值 hsi.nMax = sz.cx+100; //滚动条所能滚动的最大值，可以根据实际情况设置 hsi.nPage = sz.cx;//一页的大小 SetScrollInfo(SB_HORZ, &hsi, FALSE); //此函数将产生一个水平滚动条
滚动视差？CSS 不在话下
音频转换器的博客
09-14 179
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动视差效果方面，也有着不俗的能力。下面就让我们来见识一二： 认识 background-attachment back...
收藏很多大牛的博客
Stonethan的专栏
04-20 8042
转自：http://blog.csdn.net/eeeduo/article/details/40918827 今天看到一篇文章，收藏了很多大牛的博客，在这里分享一下（转载于：http://blog.csdn.net/wujxiaoz/article/details/8237096） Android中文Wiki AndroidStudio-NDK开发-移动开发团队
【html】设置有滚动条的select
热门推荐
逛街的喵啊
05-09 3万+
问题提出：select默认的会将所有的option全部显示出来，当数据过多时，下拉框会显得很长。 期待结果：带有滚动条，显示一定数量的option，通过滚动查看更多option。 效果展示： 源码： 1 window.selectFocus = function(that) { $(that).attr("size", 5); }; window.sel
Echarts中雷达图的使用&legend过多需要出现滚动条的办法
yiliacheng
05-28 8491
效果图： legend过多需要出现滚动条的办法： legend中的属性这样设置即可：type:’scroll 注意引用的js版本，最好是比较新的版本 html代码如下： &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;...
ECharts设置滚动图例legend
最新发布
Zeroliuyun的博客
12-28 1392
当我们的数据类别较多时，用普通的legend会占比较多的空间，所以想设置滚动的legend。
在select中设置option的个数，从而设置滚动的距离
CherryLee_1210的博客
10-08 1993
代码如下所示： &lt;!--设置固定的条数--&gt; &lt;select class="my_selected" data-edit-select="1" onmousedown="if(this.options.length&gt;3){this.size=10}" onblur="this.size=0" onchange="this.size=0"
微信小程序设置滚动条过程详解
10-16
主要介绍了微信小程序设置滚动条过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
浏览器滚动条设置 scrollBar
10-28
浏览器滚动条宽度设置，浏览器默认宽度为10px,在本文件中可根据自己需求修改，详细方法，请参考我的文章 “滚动轴 设置宽度”。
给div加滚动条 div显示滚动条设置代码
09-25
div加滚动条在前端的网页布局中为了达到类似textarea的效果采取的一种方式，下面提供了几种设置方法，需要注意的是直接为div指定overflow属性为auto即可，但是必须指定div的高度
Xcode 6 技巧: 矢量图像，代码片段以及其他!!!
Dev_APP的专栏
05-21 999
原文：Xcode 6 Tips: Vector Images, Code Snippets and Many More， 译者：yuewang 作为一名开发者，无论你是职业的还是为了兴趣，毫无疑问的是你肯定会花无数的时间坐在显示器前等待你的工程完毕。感觉你正在使用的编程工具得心应手非常重要，因为它们是你的虚拟工作空间和所有工作条件的组成部分。当我说“所有”，我指的是：从你选择来作为工具
Iframe 子窗体调用父窗体函数、变量
飛雪
04-07 1715
 例如：父窗体：script language="javascript">    var restype;    function ReadStudy()...{                                  restype="aaaaaaaaaaaaaaaaaa";            }    子窗体：script>function
Page_Load 事件
飛雪
12-07 1364
每次当用户单击页面中的Button、LinkButton 或 ImageButton     控件时都会导致表单回送到服务器并执行 Page_Load 事件。 Page_Load 事件中含有页面初始化代码，但是有些代码只需要在首次加载页面时执行，如果每次加载都执行这些代码势必会增加不必要的系统开销。那么如何才能控制初始化代码的加载呢？利用 IsPostBack  属性可以控制初始化代码的加载。
如何使用Response.Redirect 方法传递汉字
飛雪
12-07 1274
摘：ASP.NET 疑难解答 200问使用Response.Redirect 方法传递汉字，有时会发现所传的值和接收到的内容不符，接收的值丢失了几个字或者变成了一堆乱码。那么如何才能保证所传递的汉字被正确接收呢？解答：为了保证所传递的汉字被正确接收，可以在传递之前使用UrlEncode 方法对所传递的汉字进行Url编码。这样就保证通过URL 从 Web 服务器到客户端进行可靠的HTTP
常用的正则表达试锦集
飛雪
12-07 711
  在使用 RegularExpression Validator 验证控件时常用的验证功能及其验证表达试介绍如下。只能输入数字： "^[0-9]*$"。只能输入n位的数字： "^/d{n}$"。 只能输入至少n位的数字： "^/d{n,}$"。只能输入m~n位的数字：  "^/d{m,n}$"。只能输入零和非零开头的数字： "^(0|[1-9][0-9]*)$"。只能
开源网站
飛雪
12-07 677
Websharp 开源网址：  http://www.uml.org.cn/opensource/websharp/NET开源项目链接  ：    http://www.uml.org.cn/net/200603134.htm代码大权：                      http://www.codeclub.cn/IT资源导航：                  http:/
经典JAVASCRIPT 代码
飛雪
11-13 652
 1、 DIV 切换 显示script language="javascript">...        function aa(menu)        ...{                      var array= new Array("DIV1","DIV2","DIV3","DIV5","DIV6");           for(var i=0;iarray.lengt
自定义上传文件大小
飛雪
12-07 627
 修改 Web.Config 文件在 Web.Config 文件中添加 配置可以自定义上传文件大小的界限。添加的设置代码如下。configuration> system.web>    httpRuntime          maxRequestLength="4096"  //此大小为默认值，此值可以根据需要改变          executionTimeout="600"   
qplaintextedit滚动条设置
04-25
QPlainTextEdit 滚动条设置可以通过设置 QScrollBarPolicy 或者 QScrollBar 的属性来实现。具体方法如下： 1. 设置水平和垂直滚动条的 QScrollBarPolicy ```python text_edit.setHorizontalScrollBarPolicy(Qt....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值