jQuery實現可兼容IE6的滾動監聽功能-創新互聯

本文實例講述了jQuery實現可兼容IE6的滾動監聽功能。分享給大家供大家參考，具體如下：

成都創新互聯專注于企業成都營銷網站建設、網站重做改版、漢臺網站定制設計、自適應品牌網站建設、html5、成都商城網站開發、集團公司官網建設、成都外貿網站建設、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為漢臺等各大城市提供網站開發制作服務。

其實這東西本打算用原生的javascript來寫，但是原生的javascript取class與監聽滾動條的滾動過于麻煩，因此上了jQuery，沒關系，反正兼容IE6就行。

將實現如下的效果：

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 >
        <div id="scrollspy" >
        <div id="debug"></div>
        </div>
      </div>
      <div id="content" >
        <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，后來網景在與昇陽公司合作之后將其改名為JavaScript[7]。JavaScript最初受Java啟發而開始設計的，目的之一就是“看上去像Java”[8]，因此語法上有類似之處，一些名稱和命名規范也借自Java。但JavaScript的主要設計原則源自Self和Scheme[9]。JavaScript與Java名稱上的近似，是當時網景為了營銷考慮與太陽微系統達成協議的結果。為了獲取技術優勢，微軟推出了JScript來迎戰JavaScript的腳本語言。為了互用性，Ecma國際（前身為歐洲計算機制造商協會）創建了ECMA-262標準（ECMAScript）。現在兩者都屬于ECMAScript的實現。盡管JavaScript作為給非程序人員的腳本語言，而非作為給程序人員的腳本語言來推廣和宣傳，但是JavaScript具有非常豐富的特性。</p>
        <p class="title">區別</p>
        <p>不同于服務器端腳本語言，例如PHP與ASP，JavaScript主要被作為客戶端腳本語言在用戶的瀏覽器上運行，不需要服務器的支持。所以在早期程序員比較青睞于JavaScript以減少對服務器的負擔，而與此同時也帶來另一個問題：安全性。而隨著服務器的強壯，雖然現在的程序員更喜歡運行于服務端的腳本以保證安全，但JavaScript仍然以其跨平臺、容易上手等優勢大行其道。同時，有些特殊功能（如AJAX）必須依賴Javascript在客戶端進行支持。隨著引擎如V8和框架如Node.js的發展，及其事件驅動及異步IO等特性，JavaScript逐漸被用來編寫服務器端程序。</p>
        <p class="title">標題2</p>
        <p>Netscape在最初將其腳本語言命名為LiveScript，后來網景在與昇陽公司合作之后將其改名為JavaScript[7]。JavaScript最初受Java啟發而開始設計的，目的之一就是“看上去像Java”[8]，因此語法上有類似之處，一些名稱和命名規范也借自Java。但JavaScript的主要設計原則源自Self和Scheme[9]。JavaScript與Java名稱上的近似，是當時網景為了營銷考慮與太陽微系統達成協議的結果。為了獲取技術優勢，微軟推出了JScript來迎戰JavaScript的腳本語言。為了互用性，Ecma國際（前身為歐洲計算機制造商協會）創建了ECMA-262標準（ECMAScript）。現在兩者都屬于ECMAScript的實現。盡管JavaScript作為給非程序人員的腳本語言，而非作為給程序人員的腳本語言來推廣和宣傳，但是JavaScript具有非常豐富的特性。</p>
      </div>
    </div>
  </body>
</html>

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享名稱：jQuery實現可兼容IE6的滾動監聽功能-創新互聯
本文網址：http://www.kartarina.com/article10/dodego.html

成都網站建設公司_創新互聯，為您提供ChatGPT、網站改版、App開發、軟件開發、外貿建站、建站公司

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容