js DIV滚动条随机位置的设置技巧_javascript技巧
程序员文章站
2022-03-16 21:19:35
...
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需刷新才能执行]
上一篇: 添加或删除 HTML dom元素
下一篇: CSS3制作动画下拉菜单效果代码
推荐阅读
-
使用js解决由border属性引起的div宽度问题_javascript技巧
-
用js设置下拉框为只读的小技巧_javascript技巧
-
js实现DIV的一些简单控制_javascript技巧
-
js DIV滚动条随机位置的设置技巧_javascript技巧
-
按给定几率进行随机抽取的js代码_javascript技巧
-
两个DIV等高的JS的实现代码_javascript技巧
-
判断滚动条到底部的JS代码_javascript技巧
-
js监听滚动条滚动事件使得某个标签内容始终位于同一位置_javascript技巧
-
用js取得鼠标所在位置的对象_javascript技巧
-
js实现DIV的一些简单控制_javascript技巧