js DIV滾動條隨機(jī)位置的設(shè)置技巧
更新時間：2008年11月18日 13:45:06 作者：
剛才一個朋友告訴我他的blog友情鏈接太多了，所以把所有鏈接放到一個DIV中，加了個滾動條，可是他又不想每次別人來看，看到的都是前面幾個鏈接，于是問我有沒有什么辦法，想了一個，呵呵，正好有個辦法
style后面用于限定DIV樣式并加滾動條，這個不多說
關(guān)鍵的地方其實很簡單，最后兩行Javascript就是了，起作用的只有最后一行：
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop：滾動條距離頂部的位置
obj.scrollHeight：流動區(qū)域的高度
Math.random()：獲得一個隨機(jī)數(shù)
很簡單，有人可能需要，用就拿去，哈哈
PS：IE6 / IE7 / FF2 測試通過
IE7在本地測試時只是每次打開時滾動條位置才不同，刷新卻沒有變化，但放到網(wǎng)站上之后就正常了
代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
關(guān)鍵的地方其實很簡單，最后兩行Javascript就是了，起作用的只有最后一行：
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop：滾動條距離頂部的位置
obj.scrollHeight：流動區(qū)域的高度
Math.random()：獲得一個隨機(jī)數(shù)
很簡單，有人可能需要，用就拿去，哈哈
PS：IE6 / IE7 / FF2 測試通過
IE7在本地測試時只是每次打開時滾動條位置才不同，刷新卻沒有變化，但放到網(wǎng)站上之后就正常了
代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
JavaScript仿靜態(tài)分頁實現(xiàn)方法
這篇文章主要介紹了JavaScript仿靜態(tài)分頁實現(xiàn)方法,可實現(xiàn)模擬靜態(tài)效果的分頁功能,并且可以控制分頁的字符數(shù),使用時可根據(jù)情況進(jìn)行相應(yīng)的字段修改即可,非常靈活實用,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JavaScript必知必會(五) eval 的使用 的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
在本篇文章中我們給大家分享了關(guān)于移動端圖片上傳旋轉(zhuǎn)、壓縮問題的解決方法，有需要的朋友們參考下2018-10-10
threejs是一個用于在瀏覽器中繪制3D圖像的JS庫,它是基于webgl實現(xiàn)了,包括了webgl1和webgl2的渲染引擎,下面這篇文章主要給大家介紹了關(guān)于ThreeJS從創(chuàng)建場景到使用功能的相關(guān)資料,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了Javascript前端下載后臺傳來的文件流代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
這篇文章主要介紹了3類js限制文本框的輸入內(nèi)容代碼,需要的朋友可以參考下2015-08-08
javascript中BOM基礎(chǔ)知識總結(jié)
本文主要對javascript中BOM基礎(chǔ)知識進(jìn)行總結(jié)。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
javascript解決innerText瀏覽器兼容問題思路代碼
innerText瀏覽器兼容這塊始終都是一個問題，下面與大家分享下使用javascript解決，感興趣的朋友可以參考下哈，希望對你有所幫助2013-05-05
這篇文章主要介紹了js獲取Get值的方法,涉及javascript正則及頁面參數(shù)操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了微信小程序模板template簡單用法,結(jié)合實例形式分析了微信小程序模板template的功能、簡單使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2018-12-12