DIV滚动条随机位置的设置技巧

huangyunhesy

huangyunhesy

2016-02-19 23:34

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是DIV滚动条随机位置的设置技巧,一起来学习了解下吧!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

刚才一个朋友告诉我他的blog友情链接太多了,所以把所有链接放到一个DIV中,加了个滚动条,可是他又不想每次别人来看,看到的都是前面几个链接,于是问我有没有什么办法,想了一个,呵呵,正好有个办法

style后面用于限定DIV样式并加滚动条,这个不多说
关键的地方其实很简单,最后两行Javascript就是了,起作用的只有最后一行:
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop:滚动条距离顶部的位置
obj.scrollHeight:流动区域的高度
Math.random():获得一个随机数
很简单,有人可能需要,用就拿去,哈哈

PS:IE6 / IE7 / FF2 测试通过
IE7在本地测试时只是每次打开时滚动条位置才不同,刷新却没有变化,但放到网站上之后就正常了

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)div id="cc" style="height:250px;width:200px;overflow-y:scroll;overflow-x:hidden;"
li01/lili02/lili03/lili04/lili05/lili06/lili07/lili08/li
li09/lili10/lili11/lili12/lili13/lili14/lili15/lili16/li
li17/lili18/lili19/lili20/lili21/lili22/lili23/lili24/li
li25/lili26/lili27/lili28/lili29/lili30/lili31/lili32/li
li33/lili34/lili35/lili36/lili37/lili38/lili39/lili40/li
li41/lili42/lili43/lili44/lili45/lili46/lili47/lili48/li
/div
script
var obj = document.getElementById("cc");
obj.scrollTop=obj.scrollHeight*(Math.random());
/script
展开更多 50%)
分享

猜你喜欢

DIV滚动条随机位置的设置技巧

Web开发
DIV滚动条随机位置的设置技巧

记录滚动条位置(使用userdate)

Web开发
记录滚动条位置(使用userdate)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

ScrollView滚动条颜色的设置方法

编程语言 网络编程
ScrollView滚动条颜色的设置方法

用js+cookie记录滚动条位置

Web开发
用js+cookie记录滚动条位置

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

层滚动条

Web开发
层滚动条

隐藏滚动条

Web开发
隐藏滚动条

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

零碎记忆旳的非主流QQ分组_离别与重逢不停上演戏码

零碎记忆旳的非主流QQ分组_离别与重逢不停上演戏码

网页字体大小的设计技巧

网页字体大小的设计技巧
下拉加载更多内容 ↓