js DIV滾動條隨機(jī)位置的設(shè)置技巧
更新時(shí)間：2008年11月18日 13:45:06 作者：
剛才一個朋友告訴我他的blog友情鏈接太多了，所以把所有鏈接放到一個DIV中，加了個滾動條，可是他又不想每次別人來看，看到的都是前面幾個鏈接，于是問我有沒有什么辦法，想了一個，呵呵，正好有個辦法
style后面用于限定DIV樣式并加滾動條，這個不多說
關(guān)鍵的地方其實(shí)很簡單，最后兩行Javascript就是了，起作用的只有最后一行：
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop：滾動條距離頂部的位置
obj.scrollHeight：流動區(qū)域的高度
Math.random()：獲得一個隨機(jī)數(shù)
很簡單，有人可能需要，用就拿去，哈哈
PS：IE6 / IE7 / FF2 測試通過
IE7在本地測試時(shí)只是每次打開時(shí)滾動條位置才不同，刷新卻沒有變化，但放到網(wǎng)站上之后就正常了
代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
關(guān)鍵的地方其實(shí)很簡單，最后兩行Javascript就是了，起作用的只有最后一行：
obj.scrollTop=obj.scrollHeight*(Math.random());
obj.scrollTop：滾動條距離頂部的位置
obj.scrollHeight：流動區(qū)域的高度
Math.random()：獲得一個隨機(jī)數(shù)
很簡單，有人可能需要，用就拿去，哈哈
PS：IE6 / IE7 / FF2 測試通過
IE7在本地測試時(shí)只是每次打開時(shí)滾動條位置才不同，刷新卻沒有變化，但放到網(wǎng)站上之后就正常了
代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
javascript實(shí)現(xiàn)根據(jù)身份證號讀取相關(guān)信息
這篇文章主要介紹了javascript實(shí)現(xiàn)根據(jù)身份證號讀取相關(guān)信息,需要的朋友可以參考下2014-12-12
JavaScript如何正確聲明和使用變量詳細(xì)代碼實(shí)例
變量是程序在內(nèi)存中申請的一塊用來存放數(shù)據(jù)的空間,下面這篇文章主要給大家介紹了關(guān)于JavaScript如何正確聲明和使用變量的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
JS實(shí)現(xiàn)適合于后臺使用的動畫折疊菜單效果
這篇文章主要介紹了JS實(shí)現(xiàn)適合于后臺使用的動畫折疊菜單效果,實(shí)例展示了兩種折疊菜單顯示效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動態(tài)遍歷及改變頁面元素樣式的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-09-09
JS開發(fā)接入?deepseek?實(shí)現(xiàn)AI智能問診
本文介紹了如何使用DeepSeek?API在UniApp項(xiàng)目中實(shí)現(xiàn)智能問診功能,代碼示例展示了如何構(gòu)建請求并處理響應(yīng),本文給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2025-02-02
這篇文章主要介紹了ES11屢試不爽的新特性,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
給label賦值以及取label的值，取值及賦值代碼如下，感興趣的朋友可以參考下2013-11-11
本文給大家分享的是JavaScript制作的一個兼容IE6+以及主流瀏覽器的分頁插件，非常的不錯，有需要的小伙伴可以參考下2016-09-09
深入理解JavaScript系列（34）：設(shè)計(jì)模式之命令模式詳解
這篇文章主要介紹了深入理解JavaScript系列（34）：設(shè)計(jì)模式之命令模式詳解,命令模式(Command)的定義是：用于將一個請求封裝成一個對象,從而使你可用不同的請求對客戶進(jìn)行參數(shù)化,對請求排隊(duì)或者記錄請求日志,以及執(zhí)行可撤銷的操作,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了js改變embed標(biāo)簽src值的方法,涉及javascript操作元素屬性的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
javascript單例模式的簡單實(shí)現(xiàn)方法
這篇文章主要介紹了javascript單例模式的簡單實(shí)現(xiàn)方法,以javascript創(chuàng)建唯一實(shí)例的形式分析了javascript單例模式的簡單實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07