繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js DIV滚动条随机位置的设置技巧
- Javascript
- 实用的JS表单验证提示效果
- CSS 直方图布局示例
- jquery 动态调整textarea高度
- jquery animate 动画效果使用说明
- jquery checkbox全选反选效果代码
- jquery (show,fadeOut,Animate)简单效果
- JavaScript 抽奖效果实现代码 数字跳动版
- javascript Math.random()随机数函数
- jQuery 加上最后自己的验证
- JavaScript 自动分号插入（JavaScript synat:auto semicolon insertion）
- 兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
- javascript 打印内容方法小结
- jQuery toggle()设置CSS样式
- javaScript parseInt字符转化为数字函数使用小结
- 模仿JQuery sortable效果 代码有错但值得看看
- javascript 常见的闭包问题的解决办法
- 在js中单选框和复选框获取值的方式
- 按键盘方向键翻页跳转的javascript代码(支持ie,firefox)
- js 操作table之 移动TR位置 兼容FF 跟 IE
- csdn 论坛技术区平均给分功能
Javascript 中的 js DIV滚动条随机位置的设置技巧
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 261 ::
收藏到网摘: n/a
刚才一个朋友告诉我他的blog友情链接太多了，所以把所有链接放到一个DIV中，加了个滚动条，可是他又不想每次别人来看，看到的都是前面几个链接，于是问我有没有什么办法，想了一个，呵呵，正好有个办法 style后面用于限定DIV样式并加滚动条，这个不多说
关键的地方其实很简单，最后两行Javascript就是了，起作用的只有最后一行：
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop：滚动条距离顶部的位置
obj.scrollHeight：流动区域的高度
Math.random()：获得一个随机数
很简单，有人可能需要，用就拿去，哈哈
PS：IE6 / IE7 / FF2 测试通过
IE7在本地测试时只是每次打开时滚动条位置才不同，刷新却没有变化，但放到网站上之后就正常了
代码如下：
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
