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