本文實例講述了jQuery實現可兼容IE6的滾動監聽功能。分享給大家供大家參考，具體如下：
其實這東西本打算用原生的javascript來寫，但是原生的javascript取class與監聽滾動條的滾動過于麻煩，因此上了jQuery，沒關系，反正兼容IE6就行。
將實現如下的效果：
也就是在網頁中有點常見的滾動監聽。相應的標題，滾到哪里，則左邊的滾動條當前標題前的。。。就變成》》》，，當然了，左邊的標題同樣是可以點擊，馬上滾到該滾的地方。
首先是網頁布局部分，代碼如下，請忽略大堆的JavaScript介紹，只是為了占格子，說明效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>滾動監聽</title> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <script type="text/javascript" src="js/ie6fixed.js"></script> </head> <body> <div> <div style="float:left;width:20%;"> <div id="scrollspy" style="position:fixed;"> <div id="debug"></div> </div> </div> <div id="content" style="float:left;width:80%"> <p class="title">英文介紹</p> <p>JavaScript is also used in environments that are not web-based, such as PDF documents, site-specific browsers, and desktop widgets. Newer and faster JavaScript virtual machines (VMs) and platforms built upon them have also increased the popularity of JavaScript for server-side web applications. On the client side, JavaScript has been traditionally implemented as an interpreted language, but more recent browsers perform just-in-time compilation. It is also used in game development, the creation of desktop and mobile applications, and server-side network programming with runtime environments such as Node.js.</p> <p class="title">由來</p> <p>Netscape在最初將其腳本語言命名為LiveScript，后來網景在與 主站蜘蛛池模板： 呼伦贝尔市| 江油市| 通江县| 宁阳县| 文山县| 临夏市| 西昌市| 宁河县| 庆安县| 梁河县| 迭部县| 沈阳市| 合作市| 若尔盖县| 綦江县| 南充市| 武穴市| 竹山县| 吉水县| 四子王旗| 隆尧县| 宕昌县| 长治市| 八宿县| 江门市| 新和县| 桦南县| 湘乡市| 布尔津县| 武平县| 措勤县| 崇信县| 东山县| 清丰县| 雷州市| 河津市| 姜堰市| 巧家县| 灵石县| 疏勒县| 西城区|