DIV中滚动条设置到随机位置(CSS+Javascript)

来源：互联网发布：it播吧软件测试编辑：程序博客网时间：2024/05/22 05:13

刚才一个朋友告诉我他的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, 滚动条

绿色通道:好文要顶关注我收藏该文与我联系

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/