DIV中滚动条设置到随机位置(CSS+Javascript)
2012-01-10 01:51
507 查看
刚才一个朋友告诉我他的blog友情链接太多了,所以把所有链接放到一个div中,加了个滚动条,可是他又不想每次别人来看,看到的都是前面几个链接,于是问我有没有什么办法,想了一个,呵呵,正好有个办法
style后面用于限定div样式并加滚动条,这个不多说
关键的地方其实很简单,最后两行javascript就是了,起作用的只有最后一行:
obj.scrolltop=obj.scrollheight*(math.random());
obj.scrolltop:滚动条距离顶部的位置
obj.scrollheight:流动区域的高度
math.random():获得一个随机数
很简单,有人可能需要,用就拿去,哈哈
ps:ie6 / ie7 / ff2 测试通过
ie7在本地测试时只是每次打开时滚动条位置才不同,刷新却没有变化,但放到网站上之后就正常了
代码如下:
div id="cc" style="height:250px;width:200px;overflow-y:scroll;overflow-x:hidden;">
li>01li>li>02li>li>03li>li>04li>li>05li>li>06li>li>07li>li>08li>
li>09li>li>10li>li>11li>li>12li>li>13li>li>14li>li>15li>li>16li>
li>17li>li>18li>li>19li>li>20li>li>21li>li>22li>li>23li>li>24li>
li>25li>li>26li>li>27li>li>28li>li>29li>li>30li>li>31li>li>32li>
li>33li>li>34li>li>35li>li>36li>li>37li>li>38li>li>39li>li>40li>
li>41li>li>42li>li>43li>li>44li>li>45li>li>46li>li>47li>li>48li>
div>
script>
var obj = document.getelementbyid("cc");
obj.scrolltop=obj.scrollheight*(math.random());
script>
版权声明:本文原创发表于博客园,作者为丁学
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则视为侵权。
标签:
css, javascript,
滚动条
绿色通道:好文要顶关注我收藏该文与我联系
![](http://static.cnblogs.com/images/icon_sina.gif)
======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定
这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
style后面用于限定div样式并加滚动条,这个不多说
关键的地方其实很简单,最后两行javascript就是了,起作用的只有最后一行:
obj.scrolltop=obj.scrollheight*(math.random());
obj.scrolltop:滚动条距离顶部的位置
obj.scrollheight:流动区域的高度
math.random():获得一个随机数
很简单,有人可能需要,用就拿去,哈哈
ps:ie6 / ie7 / ff2 测试通过
ie7在本地测试时只是每次打开时滚动条位置才不同,刷新却没有变化,但放到网站上之后就正常了
代码如下:
div id="cc" style="height:250px;width:200px;overflow-y:scroll;overflow-x:hidden;">
li>01li>li>02li>li>03li>li>04li>li>05li>li>06li>li>07li>li>08li>
li>09li>li>10li>li>11li>li>12li>li>13li>li>14li>li>15li>li>16li>
li>17li>li>18li>li>19li>li>20li>li>21li>li>22li>li>23li>li>24li>
li>25li>li>26li>li>27li>li>28li>li>29li>li>30li>li>31li>li>32li>
li>33li>li>34li>li>35li>li>36li>li>37li>li>38li>li>39li>li>40li>
li>41li>li>42li>li>43li>li>44li>li>45li>li>46li>li>47li>li>48li>
div>
script>
var obj = document.getelementbyid("cc");
obj.scrolltop=obj.scrollheight*(math.random());
script>
版权声明:本文原创发表于博客园,作者为丁学
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则视为侵权。
标签:
css, javascript,
滚动条
绿色通道:好文要顶关注我收藏该文与我联系
![](http://static.cnblogs.com/images/icon_sina.gif)
======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定
这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
相关文章推荐
- DIV中滚动条设置到随机位置(CSS+Javascript)
- DIV中滚动条设置到随机位置(CSS+Javascript)
- DIV中滚动条设置到随机位置(CSS+Javascript)
- DIV中滚动条设置到随机位置(CSS+Javascript)
- js DIV滚动条随机位置的设置技巧
- DIV+CSS+javascript实现DIV对象显示在页面任何位置,并随滚动条移动
- js DIV滚动条随机位置的设置技巧
- div +CSS 滚动条、文本设置等
- css div设置positon:relative之后,再设置top,div的原位置有空白,解决办法
- javascript + css 实现div层的伸缩(仅高度)-可设置初始慢慢展开
- 怎么样在div+css中设置一个div的框并出现滚动条
- javascript设置DIV位置
- javascript设置网页刷新或者重新加载后滚动条的位置不变
- CSS+DIV固定位置,不随滚动条而滚动
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- css里设置一个div在顶部固定,不随滚动条滚动而滚动
- Position a child div relative to parent container in CSS: [设置 子DIV位置 跟 父DIV相关联]
- javascript与jQuery设置取得div绝对位置一个小应用(像日历控件一样,在编辑框下面显示一个层)
- css实现div悬浮层,始终停留在浏览器的最下方,不随页面的滚动条滚动改变位置或消失
- div+css中如何将层随着滚动条的移动的初始位置固定在导航栏左下方