js DIV滚动条随机位置的设置技巧
更新时间：2008年11月18日 13:45:06 作者：
刚才一个朋友告诉我他的blog友情链接太多了，所以把所有链接放到一个DIV中，加了个滚动条，可是他又不想每次别人来看，看到的都是前面几个链接，于是问我有没有什么办法，想了一个，呵呵，正好有个办法
style后面用于限定DIV样式并加滚动条，这个不多说
关键的地方其实很简单，最后两行Javascript就是了，起作用的只有最后一行：
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop：滚动条距离顶部的位置
obj.scrollHeight：流动区域的高度
Math.random()：获得一个随机数
很简单，有人可能需要，用就拿去，哈哈
PS：IE6 / IE7 / FF2 测试通过
IE7在本地测试时只是每次打开时滚动条位置才不同，刷新却没有变化，但放到网站上之后就正常了
代码如下：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
关键的地方其实很简单，最后两行Javascript就是了，起作用的只有最后一行：
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop：滚动条距离顶部的位置
obj.scrollHeight：流动区域的高度
Math.random()：获得一个随机数
很简单，有人可能需要，用就拿去，哈哈
PS：IE6 / IE7 / FF2 测试通过
IE7在本地测试时只是每次打开时滚动条位置才不同，刷新却没有变化，但放到网站上之后就正常了
代码如下：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
这篇文章主要介绍了JavaScript仿静态分页实现方法,可实现模拟静态效果的分页功能,并且可以控制分页的字符数,使用时可根据情况进行相应的字段修改即可,非常灵活实用,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了JavaScript必知必会(五) eval 的使用 的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
在本篇文章中我们给大家分享了关于移动端图片上传旋转、压缩问题的解决方法，有需要的朋友们参考下2018-10-10
threejs是一个用于在浏览器中绘制3D图像的JS库,它是基于webgl实现了,包括了webgl1和webgl2的渲染引擎,下面这篇文章主要给大家介绍了关于ThreeJS从创建场景到使用功能的相关资料,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了Javascript前端下载后台传来的文件流代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
这篇文章主要介绍了3类js限制文本框的输入内容代码,需要的朋友可以参考下2015-08-08
本文主要对javascript中BOM基础知识进行总结。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
javascript解决innerText浏览器兼容问题思路代码
innerText浏览器兼容这块始终都是一个问题，下面与大家分享下使用javascript解决，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-05-05
这篇文章主要介绍了js获取Get值的方法,涉及javascript正则及页面参数操作相关技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了微信小程序模板template简单用法,结合实例形式分析了微信小程序模板template的功能、简单使用方法及相关操作注意事项,需要的朋友可以参考下2018-12-12
最新评论