代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# githubog: http://ogp.me/ns/fb/githubog#">
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=10">
<title>sidebar-follow/sidebar-follow.js at master · wuzhao/sidebar-follow · GitHub</title>
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
<link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" />
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png" />
<link rel="logo" type="image/svg" href="https://github-media-downloads.s3.amazonaws.com/github-logo.svg" />
<meta property="og:image" content="https://github.global.ssl.fastly.net/images/modules/logos_page/Octocat.png">
<meta name="hostname" content="github-fe120-cp1-prd.iad.github.net">
<meta name="ruby" content="ruby 1.9.3p194-tcs-github-tcmalloc (0e75de19f8) [x86_64-linux]">
<link rel="assets" href="https://github.global.ssl.fastly.net/">
<link rel="conduit-xhr" href="https://ghconduit.com:25035/">
<link rel="xhr-socket" href="/_sockets" />
<meta name="msapplication-TileImage" content="/windows-tile.png" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="selected-link" value="repo_source" data-pjax-transient />
<meta content="collector.githubapp.com" name="octolytics-host" /><meta content="collector-cdn.github.com" name="octolytics-script-host" /><meta content="github" name="octolytics-app-id" /><meta content="7174CC15:6CF0:CB8D5A:5281ADD2" name="octolytics-dimension-request_id" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta content="authenticity_token" name="csrf-param" />
<meta content="ANfZWT+TGP8GcXKIykYE2HDwK8wTyxSwk6VyZJHqOeY=" name="csrf-token" />
<link href="https://github.global.ssl.fastly.net/assets/github-804556dba6658262abda18880c76c8b30304dcb3.css" media="all" rel="stylesheet" type="text/css" />
<link href="https://github.global.ssl.fastly.net/assets/github2-e365895b944e988f6be11eb0751cab2b013d43c4.css" media="all" rel="stylesheet" type="text/css" />
<script src="https://github.global.ssl.fastly.net/assets/frameworks-bca527bb59d94c16d6bf2a759779d7953fa41e76.js" type="text/javascript"></script>
<script src="https://github.global.ssl.fastly.net/assets/github-02bcd99101c934d92723526f7e040feda64bb46d.js" type="text/javascript"></script>
<meta http-equiv="x-pjax-version" content="47a4beead08e67b00378dff0b71f68f9">
<link data-pjax-transient rel='permalink' href='/wuzhao/sidebar-follow/blob/dd1b04b371a75ddd4fc51498d6031f782c91fd59/sidebar-follow.js'>
<meta property="og:title" content="sidebar-follow"/>
<meta property="og:type" content="githubog:gitrepository"/>
<meta property="og:url" content="https://github.com/wuzhao/sidebar-follow"/>
<meta property="og:image" content="https://github.global.ssl.fastly.net/images/gravatars/gravatar-user-420.png"/>
<meta property="og:site_name" content="GitHub"/>
<meta property="og:description" content="sidebar-follow - 当页面滚动到跟随区域下方，跟随区域将固定在窗口上。适用于所有网站侧边栏。"/>
<meta name="description" content="sidebar-follow - 当页面滚动到跟随区域下方，跟随区域将固定在窗口上。适用于所有网站侧边栏。" />
<meta content="712075" name="octolytics-dimension-user_id" /><meta content="wuzhao" name="octolytics-dimension-user_login" /><meta content="6573039" name="octolytics-dimension-repository_id" /><meta content="wuzhao/sidebar-follow" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="false" name="octolytics-dimension-repository_is_fork" /><meta content="6573039" name="octolytics-dimension-repository_network_root_id" /><meta content="wuzhao/sidebar-follow" name="octolytics-dimension-repository_network_root_nwo" />
<link href="https://github.com/wuzhao/sidebar-follow/commits/master.atom" rel="alternate" title="Recent Commits to sidebar-follow:master" type="application/atom+xml" />
</head>
<body class="logged_out env-production windows vis-public page-blob">
<div class="wrapper">
<div class="header header-logged-out">
<div class="container clearfix">
<a class="header-logo-wordmark" href="https://github.com/">
<span class="mega-octicon octicon-logo-github"></span>
</a>
<div class="header-actions">
<a class="button primary" href="/join">Sign up</a>
<a class="button signin" href="/login?return_to=%2Fwuzhao%2Fsidebar-follow%2Fblob%2Fmaster%2Fsidebar-follow.js">Sign in</a>
</div>
<div class="command-bar js-command-bar in-repository">
<ul class="top-nav">
<li class="explore"><a href="/explore">Explore</a></li>
<li class="features"><a href="/features">Features</a></li>
<li class="enterprise"><a href="https://enterprise.github.com/">Enterprise</a></li>
<li class="blog"><a href="/blog">Blog</a></li>
</ul>
<form accept-charset="UTF-8" action="/search" class="command-bar-form" id="top_search_form" method="get">
<input type="text" data-hotkey="/ s" name="q" id="js-command-bar-field" placeholder="Search or type a command" tabindex="1" autocapitalize="off"
data-repo="wuzhao/sidebar-follow"
data-branch="master"
data-sha="7323ee705fd9bcd37ef1f6eedd2fff0b76d7fdc7"
>
<input type="hidden" name="nwo" value="wuzhao/sidebar-follow" />
<div class="select-menu js-menu-container js-select-menu search-context-select-menu">
<span class="minibutton select-menu-button js-menu-target">
<span class="js-select-button">This repository</span>
</span>
<div class="select-menu-modal-holder js-menu-content js-navigation-container">
<div class="select-menu-modal">
<div class="select-menu-item js-navigation-item js-this-repository-navigation-item selected">
<span class="select-menu-item-icon octicon octicon-check"></span>
<input type="radio" class="js-search-this-repository" name="search_target" value="repository" checked="checked" />
<div class="select-menu-item-text js-select-button-text">This repository</div>
</div> <!-- /.select-menu-item -->
<div class="select-menu-item js-navigation-item js-all-repositories-navigation-item">
<span class="select-menu-item-icon octicon octicon-check"></span>
<input type="radio" name="search_target" value="global" />
<div class="select-menu-item-text js-select-button-text">All repositories</div>
</div> <!-- /.select-menu-item -->
</div>
</div>
</div>
<span class="octicon help tooltipped downwards" title="Show command bar help">
<span class="octicon octicon-question"></span>
</span>
<input type="hidden" name="ref" value="cmdform">
</form>
</div>
</div>
</div>
<div class="site" itemscope itemtype="http://schema.org/WebPage">
<div class="pagehead repohead instapaper_ignore readability-menu">
<div class="container">
<ul class="pagehead-actions">
<li>
<a href="/login?return_to=%2Fwuzhao%2Fsidebar-follow"
class="minibutton with-count js-toggler-target star-button tooltipped upwards"
title="You must be signed in to use this feature" rel="nofollow">
<span class="octicon octicon-star"></span>Star
</a>
<a class="social-count js-social-count" href="/wuzhao/sidebar-follow/stargazers">
20
</a>
</li>
<li>
<a href="/login?return_to=%2Fwuzhao%2Fsidebar-follow"
class="minibutton with-count js-toggler-target fork-button tooltipped upwards"
title="You must be signed in to fork a repository" rel="nofollow">
<span class="octicon octicon-git-branch"></span>Fork
</a>
<a href="/wuzhao/sidebar-follow/network" class="social-count">
29
</a>
</li>
</ul>
<h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public">
<span class="repo-label"><span>public</span></span>
<span class="mega-octicon octicon-repo"></span>
<span class="author">
<a href="/wuzhao" class="url fn" itemprop="url" rel="author"><span itemprop="title">wuzhao</span></a>
</span>
<span class="repohead-name-divider">/</span>
<strong><a href="/wuzhao/sidebar-follow" class="js-current-repository js-repo-home-link">sidebar-follow</a></strong>
<span class="page-context-loader">
<img alt="Octocat-spinner-32" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</span>
</h1>
</div><!-- /.container -->
</div><!-- /.repohead -->
<div class="container">
<div class="repository-with-sidebar repo-container ">
<div class="repository-sidebar">
<div class="sunken-menu vertical-right repo-nav js-repo-nav js-repository-container-pjax js-octicon-loaders">
<div class="sunken-menu-contents">
<ul class="sunken-menu-group">
<li class="tooltipped leftwards" title="Code">
<a href="/wuzhao/sidebar-follow" aria-label="Code" class="selected js-selected-navigation-item sunken-menu-item" data-gotokey="c" data-pjax="true" data-selected-links="repo_source repo_downloads repo_commits repo_tags repo_branches /wuzhao/sidebar-follow">
<span class="octicon octicon-code"></span> <span class="full-word">Code</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped leftwards" title="Issues">
<a href="/wuzhao/sidebar-follow/issues" aria-label="Issues" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-gotokey="i" data-selected-links="repo_issues /wuzhao/sidebar-follow/issues">
<span class="octicon octicon-issue-opened"></span> <span class="full-word">Issues</span>
<span class='counter'>0</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped leftwards" title="Pull Requests"><a href="/wuzhao/sidebar-follow/pulls" aria-label="Pull Requests" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-gotokey="p" data-selected-links="repo_pulls /wuzhao/sidebar-follow/pulls">
<span class="octicon octicon-git-pull-request"></span> <span class="full-word">Pull Requests</span>
<span class='counter'>0</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped leftwards" title="Wiki">
<a href="/wuzhao/sidebar-follow/wiki" aria-label="Wiki" class="js-selected-navigation-item sunken-menu-item" data-pjax="true" data-selected-links="repo_wiki /wuzhao/sidebar-follow/wiki">
<span class="octicon octicon-book"></span> <span class="full-word">Wiki</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
</ul>
<div class="sunken-menu-separator"></div>
<ul class="sunken-menu-group">
<li class="tooltipped leftwards" title="Pulse">
<a href="/wuzhao/sidebar-follow/pulse" aria-label="Pulse" class="js-selected-navigation-item sunken-menu-item" data-pjax="true" data-selected-links="pulse /wuzhao/sidebar-follow/pulse">
<span class="octicon octicon-pulse"></span> <span class="full-word">Pulse</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped leftwards" title="Graphs">
<a href="/wuzhao/sidebar-follow/graphs" aria-label="Graphs" class="js-selected-navigation-item sunken-menu-item" data-pjax="true" data-selected-links="repo_graphs repo_contributors /wuzhao/sidebar-follow/graphs">
<span class="octicon octicon-graph"></span> <span class="full-word">Graphs</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped leftwards" title="Network">
<a href="/wuzhao/sidebar-follow/network" aria-label="Network" class="js-selected-navigation-item sunken-menu-item js-disable-pjax" data-selected-links="repo_network /wuzhao/sidebar-follow/network">
<span class="octicon octicon-git-branch"></span> <span class="full-word">Network</span>
<img alt="Octocat-spinner-32" class="mini-loader" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
</ul>
</div>
</div>
<div class="only-with-full-nav">
<div class="clone-url open"
data-protocol-type="http"
data-url="/users/set_protocol?protocol_selector=http&protocol_type=clone">
<h3><strong>HTTPS</strong> clone URL</h3>
<div class="clone-url-box">
<input type="text" class="clone js-url-field"
value="https://github.com/wuzhao/sidebar-follow.git" readonly="readonly">
<span class="js-zeroclipboard url-box-clippy minibutton zeroclipboard-button" data-clipboard-text="https://github.com/wuzhao/sidebar-follow.git" data-copied-hint="copied!" title="copy to clipboard"><span class="octicon octicon-clippy"></span></span>
</div>
</div>
<div class="clone-url "
data-protocol-type="subversion"
data-url="/users/set_protocol?protocol_selector=subversion&protocol_type=clone">
<h3><strong>Subversion</strong> checkout URL</h3>
<div class="clone-url-box">
<input type="text" class="clone js-url-field"
value="https://github.com/wuzhao/sidebar-follow" readonly="readonly">
<span class="js-zeroclipboard url-box-clippy minibutton zeroclipboard-button" data-clipboard-text="https://github.com/wuzhao/sidebar-follow" data-copied-hint="copied!" title="copy to clipboard"><span class="octicon octicon-clippy"></span></span>
</div>
</div>
<p class="clone-options">You can clone with
<a href="#" class="js-clone-selector" data-protocol="http">HTTPS</a>,
or <a href="#" class="js-clone-selector" data-protocol="subversion">Subversion</a>.
<span class="octicon help tooltipped upwards" title="Get help on which URL is right for you.">
<a href="https://help.github.com/articles/which-remote-url-should-i-use">
<span class="octicon octicon-question"></span>
</a>
</span>
</p>
<a href="http://windows.github.com" class="minibutton sidebar-button">
<span class="octicon octicon-device-desktop"></span>
Clone in Desktop
</a>
<a href="/wuzhao/sidebar-follow/archive/master.zip"
class="minibutton sidebar-button"
title="Download this repository as a zip file"
rel="nofollow">
<span class="octicon octicon-cloud-download"></span>
Download ZIP
</a>
</div>
</div><!-- /.repository-sidebar -->
<div id="js-repo-pjax-container" class="repository-content context-loader-container" data-pjax-container>
<!-- blob contrib key: blob_contributors:v21:3d34c2ab616cb7d97f8ae324744179de -->
<p title="This is a placeholder element" class="js-history-link-replace hidden"></p>
<a href="/wuzhao/sidebar-follow/find/master" data-pjax data-hotkey="t" class="js-show-file-finder" style="display:none">Show File Finder</a>
<div class="file-navigation">
<div class="select-menu js-menu-container js-select-menu" >
<span class="minibutton select-menu-button js-menu-target" data-hotkey="w"
data-master-branch="master"
data-ref="master"
role="button" aria-label="Switch branches or tags" tabindex="0">
<span class="octicon octicon-git-branch"></span>
<i>branch:</i>
<span class="js-select-button">master</span>
</span>
<div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax>
<div class="select-menu-modal">
<div class="select-menu-header">
<span class="select-menu-title">Switch branches/tags</span>
<span class="octicon octicon-remove-close js-menu-close"></span>
</div> <!-- /.select-menu-header -->
<div class="select-menu-filters">
<div class="select-menu-text-filter">
<input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
</div>
<div class="select-menu-tabs">
<ul>
<li class="select-menu-tab">
<a href="#" data-tab-filter="branches" class="js-select-menu-tab">Branches</a>
</li>
<li class="select-menu-tab">
<a href="#" data-tab-filter="tags" class="js-select-menu-tab">Tags</a>
</li>
</ul>
</div><!-- /.select-menu-tabs -->
</div><!-- /.select-menu-filters -->
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
<div class="select-menu-item js-navigation-item selected">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/wuzhao/sidebar-follow/blob/master/sidebar-follow.js"
data-name="master"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text js-select-button-text css-truncate-target"
title="master">master</a>
</div> <!-- /.select-menu-item -->
</div>
<div class="select-menu-no-results">Nothing to show</div>
</div> <!-- /.select-menu-list -->
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
</div>
<div class="select-menu-no-results">Nothing to show</div>
</div> <!-- /.select-menu-list -->
</div> <!-- /.select-menu-modal -->
</div> <!-- /.select-menu-modal-holder -->
</div> <!-- /.select-menu -->
<div class="breadcrumb">
<span class='repo-root js-repo-root'><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/wuzhao/sidebar-follow" data-branch="master" data-direction="back" data-pjax="true" itemscope="url"><span itemprop="title">sidebar-follow</span></a></span></span><span class="separator"> / </span><strong class="final-path">sidebar-follow.js</strong> <span class="js-zeroclipboard minibutton zeroclipboard-button" data-clipboard-text="sidebar-follow.js" data-copied-hint="copied!" title="copy to clipboard"><span class="octicon octicon-clippy"></span></span>
</div>
</div>
<div class="commit commit-loader file-history-tease js-deferred-content" data-url="/wuzhao/sidebar-follow/contributors/master/sidebar-follow.js">
Fetching contributors…
<div class="participation">
<p class="loader-loading"><img alt="Octocat-spinner-32-eaf2f5" height="16" src="https://github.global.ssl.fastly.net/images/spinners/octocat-spinner-32-EAF2F5.gif" width="16" /></p>
<p class="loader-error">Cannot retrieve contributors at this time</p>
</div>
</div>
<div id="files" class="bubble">
<div class="file">
<div class="meta">
<div class="info">
<span class="icon"><b class="octicon octicon-file-text"></b></span>
<span class="mode" title="File Mode">file</span>
<span>185 lines (159 sloc)</span>
<span>4.972 kb</span>
</div>
<div class="actions">
<div class="button-group">
<a class="minibutton tooltipped leftwards"
href="http://windows.github.com" title="Open this file in GitHub for Windows">
<span class="octicon octicon-device-desktop"></span> Open
</a>
<a class="minibutton disabled tooltipped leftwards" href="#"
title="You must be signed in to make or propose changes">Edit</a>
<a href="/wuzhao/sidebar-follow/raw/master/sidebar-follow.js" class="button minibutton " id="raw-url">Raw</a>
<a href="/wuzhao/sidebar-follow/blame/master/sidebar-follow.js" class="button minibutton ">Blame</a>
<a href="/wuzhao/sidebar-follow/commits/master/sidebar-follow.js" class="button minibutton " rel="nofollow">History</a>
</div><!-- /.button-group -->
<a class="minibutton danger disabled empty-icon tooltipped leftwards" href="#"
title="You must be signed in and on a branch to make or propose changes">
Delete
</a>
</div><!-- /.actions -->
</div>
<div class="blob-wrapper data type-javascript js-blob-data">
<table class="file-code file-diff">
<tr class="file-code-line">
<td class="blob-line-nums">
<span id="L1" rel="#L1">1</span>
<span id="L2" rel="#L2">2</span>
<span id="L3" rel="#L3">3</span>
<span id="L4" rel="#L4">4</span>
<span id="L5" rel="#L5">5</span>
<span id="L6" rel="#L6">6</span>
<span id="L7" rel="#L7">7</span>
<span id="L8" rel="#L8">8</span>
<span id="L9" rel="#L9">9</span>
<span id="L10" rel="#L10">10</span>
<span id="L11" rel="#L11">11</span>
<span id="L12" rel="#L12">12</span>
<span id="L13" rel="#L13">13</span>
<span id="L14" rel="#L14">14</span>
<span id="L15" rel="#L15">15</span>
<span id="L16" rel="#L16">16</span>
<span id="L17" rel="#L17">17</span>
<span id="L18" rel="#L18">18</span>
<span id="L19" rel="#L19">19</span>
<span id="L20" rel="#L20">20</span>
<span id="L21" rel="#L21">21</span>
<span id="L22" rel="#L22">22</span>
<span id="L23" rel="#L23">23</span>
<span id="L24" rel="#L24">24</span>
<span id="L25" rel="#L25">25</span>
<span id="L26" rel="#L26">26</span>
<span id="L27" rel="#L27">27</span>
<span id="L28" rel="#L28">28</span>
<span id="L29" rel="#L29">29</span>
<span id="L30" rel="#L30">30</span>
<span id="L31" rel="#L31">31</span>
<span id="L32" rel="#L32">32</span>
<span id="L33" rel="#L33">33</span>
<span id="L34" rel="#L34">34</span>
<span id="L35" rel="#L35">35</span>
<span id="L36" rel="#L36">36</span>
<span id="L37" rel="#L37">37</span>
<span id="L38" rel="#L38">38</span>
<span id="L39" rel="#L39">39</span>
<span id="L40" rel="#L40">40</span>
<span id="L41" rel="#L41">41</span>
<span id="L42" rel="#L42">42</span>
<span id="L43" rel="#L43">43</span>
<span id="L44" rel="#L44">44</span>
<span id="L45" rel="#L45">45</span>
<span id="L46" rel="#L46">46</span>
<span id="L47" rel="#L47">47</span>
<span id="L48" rel="#L48">48</span>
<span id="L49" rel="#L49">49</span>
<span id="L50" rel="#L50">50</span>
<span id="L51" rel="#L51">51</span>
<span id="L52" rel="#L52">52</span>
<span id="L53" rel="#L53">53</span>
<span id="L54" rel="#L54">54</span>
<span id="L55" rel="#L55">55</span>
<span id="L56" rel="#L56">56</span>
<span id="L57" rel="#L57">57</span>
<span id="L58" rel="#L58">58</span>
<span id="L59" rel="#L59">59</span>
<span id="L60" rel="#L60">60</span>
<span id="L61" rel="#L61">61</span>
<span id="L62" rel="#L62">62</span>
<span id="L63" rel="#L63">63</span>
<span id="L64" rel="#L64">64</span>
<span id="L65" rel="#L65">65</span>
<span id="L66" rel="#L66">66</span>
<span id="L67" rel="#L67">67</span>
<span id="L68" rel="#L68">68</span>
<span id="L69" rel="#L69">69</span>
<span id="L70" rel="#L70">70</span>
<span id="L71" rel="#L71">71</span>
<span id="L72" rel="#L72">72</span>
<span id="L73" rel="#L73">73</span>
<span id="L74" rel="#L74">74</span>
<span id="L75" rel="#L75">75</span>
<span id="L76" rel="#L76">76</span>
<span id="L77" rel="#L77">77</span>
<span id="L78" rel="#L78">78</span>
<span id="L79" rel="#L79">79</span>
<span id="L80" rel="#L80">80</span>
<span id="L81" rel="#L81">81</span>
<span id="L82" rel="#L82">82</span>
<span id="L83" rel="#L83">83</span>
<span id="L84" rel="#L84">84</span>
<span id="L85" rel="#L85">85</span>
<span id="L86" rel="#L86">86</span>
<span id="L87" rel="#L87">87</span>
<span id="L88" rel="#L88">88</span>
<span id="L89" rel="#L89">89</span>
<span id="L90" rel="#L90">90</span>
<span id="L91" rel="#L91">91</span>
<span id="L92" rel="#L92">92</span>
<span id="L93" rel="#L93">93</span>
<span id="L94" rel="#L94">94</span>
<span id="L95" rel="#L95">95</span>
<span id="L96" rel="#L96">96</span>
<span id="L97" rel="#L97">97</span>
<span id="L98" rel="#L98">98</span>
<span id="L99" rel="#L99">99</span>
<span id="L100" rel="#L100">100</span>
<span id="L101" rel="#L101">101</span>
<span id="L102" rel="#L102">102</span>
<span id="L103" rel="#L103">103</span>
<span id="L104" rel="#L104">104</span>
<span id="L105" rel="#L105">105</span>
<span id="L106" rel="#L106">106</span>
<span id="L107" rel="#L107">107</span>
<span id="L108" rel="#L108">108</span>
<span id="L109" rel="#L109">109</span>
<span id="L110" rel="#L110">110</span>
<span id="L111" rel="#L111">111</span>
<span id="L112" rel="#L112">112</span>
<span id="L113" rel="#L113">113</span>
<span id="L114" rel="#L114">114</span>
<span id="L115" rel="#L115">115</span>
<span id="L116" rel="#L116">116</span>
<span id="L117" rel="#L117">117</span>
<span id="L118" rel="#L118">118</span>
<span id="L119" rel="#L119">119</span>
<span id="L120" rel="#L120">120</span>
<span id="L121" rel="#L121">121</span>
<span id="L122" rel="#L122">122</span>
<span id="L123" rel="#L123">123</span>
<span id="L124" rel="#L124">124</span>
<span id="L125" rel="#L125">125</span>
<span id="L126" rel="#L126">126</span>
<span id="L127" rel="#L127">127</span>
<span id="L128" rel="#L128">128</span>
<span id="L129" rel="#L129">129</span>
<span id="L130" rel="#L130">130</span>
<span id="L131" rel="#L131">131</span>
<span id="L132" rel="#L132">132</span>
<span id="L133" rel="#L133">133</span>
<span id="L134" rel="#L134">134</span>
<span id="L135" rel="#L135">135</span>
<span id="L136" rel="#L136">136</span>
<span id="L137" rel="#L137">137</span>
<span id="L138" rel="#L138">138</span>
<span id="L139" rel="#L139">139</span>
<span id="L140" rel="#L140">140</span>
<span id="L141" rel="#L141">141</span>
<span id="L142" rel="#L142">142</span>
<span id="L143" rel="#L143">143</span>
<span id="L144" rel="#L144">144</span>
<span id="L145" rel="#L145">145</span>
<span id="L146" rel="#L146">146</span>
<span id="L147" rel="#L147">147</span>
<span id="L148" rel="#L148">148</span>
<span id="L149" rel="#L149">149</span>
<span id="L150" rel="#L150">150</span>
<span id="L151" rel="#L151">151</span>
<span id="L152" rel="#L152">152</span>
<span id="L153" rel="#L153">153</span>
<span id="L154" rel="#L154">154</span>
<span id="L155" rel="#L155">155</span>
<span id="L156" rel="#L156">156</span>
<span id="L157" rel="#L157">157</span>
<span id="L158" rel="#L158">158</span>
<span id="L159" rel="#L159">159</span>
<span id="L160" rel="#L160">160</span>
<span id="L161" rel="#L161">161</span>
<span id="L162" rel="#L162">162</span>
<span id="L163" rel="#L163">163</span>
<span id="L164" rel="#L164">164</span>
<span id="L165" rel="#L165">165</span>
<span id="L166" rel="#L166">166</span>
<span id="L167" rel="#L167">167</span>
<span id="L168" rel="#L168">168</span>
<span id="L169" rel="#L169">169</span>
<span id="L170" rel="#L170">170</span>
<span id="L171" rel="#L171">171</span>
<span id="L172" rel="#L172">172</span>
<span id="L173" rel="#L173">173</span>
<span id="L174" rel="#L174">174</span>
<span id="L175" rel="#L175">175</span>
<span id="L176" rel="#L176">176</span>
<span id="L177" rel="#L177">177</span>
<span id="L178" rel="#L178">178</span>
<span id="L179" rel="#L179">179</span>
<span id="L180" rel="#L180">180</span>
<span id="L181" rel="#L181">181</span>
<span id="L182" rel="#L182">182</span>
<span id="L183" rel="#L183">183</span>
<span id="L184" rel="#L184">184</span>
<span id="L185" rel="#L185">185</span>
</td>
<td class="blob-line-code">
<div class="highlight"><pre><div class='line' id='LC1'><span class="cm">/**</span></div><div class='line' id='LC2'><span class="cm"> * @author: mg12 [http://www.neoease.com/]</span></div><div class='line' id='LC3'><span class="cm"> * @update: 2012/12/05</span></div><div class='line' id='LC4'><span class="cm"> */</span></div><div class='line' id='LC5'><br/></div><div class='line' id='LC6'><span class="nx">SidebarFollow</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC7'><br/></div><div class='line' id='LC8'> <span class="k">this</span><span class="p">.</span><span class="nx">config</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC9'> <span class="nx">element</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span> <span class="c1">// 处理的节点</span></div><div class='line' id='LC10'> <span class="nx">distanceToTop</span><span class="o">:</span> <span class="mi">0</span> <span class="c1">// 节点上边到页面顶部的距离</span></div><div class='line' id='LC11'> <span class="p">};</span></div><div class='line' id='LC12'><br/></div><div class='line' id='LC13'> <span class="k">this</span><span class="p">.</span><span class="nx">cache</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC14'> <span class="nx">originalToTop</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span> <span class="c1">// 原本到页面顶部的距离</span></div><div class='line' id='LC15'> <span class="nx">prevElement</span><span class="o">:</span> <span class="kc">null</span><span class="p">,</span> <span class="c1">// 上一个节点</span></div><div class='line' id='LC16'> <span class="nx">parentToTop</span><span class="o">:</span> <span class="mi">0</span><span class="p">,</span> <span class="c1">// 父节点的上边到顶部距离</span></div><div class='line' id='LC17'> <span class="nx">placeholder</span><span class="o">:</span> <span class="nb">document</span><span class="p">.</span><span class="nx">createElement</span><span class="p">(</span><span class="s1">'div'</span><span class="p">)</span> <span class="c1">// 占位节点</span></div><div class='line' id='LC18'> <span class="p">}</span></div><div class='line' id='LC19'><span class="p">};</span></div><div class='line' id='LC20'><br/></div><div class='line' id='LC21'><span class="nx">SidebarFollow</span><span class="p">.</span><span class="nx">prototype</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC22'><br/></div><div class='line' id='LC23'> <span class="nx">init</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">config</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC24'> <span class="k">this</span><span class="p">.</span><span class="nx">config</span> <span class="o">=</span> <span class="nx">config</span> <span class="o">||</span> <span class="k">this</span><span class="p">.</span><span class="nx">config</span><span class="p">;</span></div><div class='line' id='LC25'> <span class="kd">var</span> <span class="nx">_self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span></div><div class='line' id='LC26'> <span class="kd">var</span> <span class="nx">element</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="nx">_self</span><span class="p">.</span><span class="nx">config</span><span class="p">.</span><span class="nx">element</span><span class="p">);</span></div><div class='line' id='LC27'> <span class="kd">var</span> <span class="nx">prevElement</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="nx">_self</span><span class="p">.</span><span class="nx">config</span><span class="p">.</span><span class="nx">prevElement</span><span class="p">);</span></div><div class='line' id='LC28'><br/></div><div class='line' id='LC29'> <span class="c1">// 如果没有找到节点, 不进行处理</span></div><div class='line' id='LC30'> <span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="nx">element</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC31'> <span class="k">return</span><span class="p">;</span></div><div class='line' id='LC32'> <span class="p">}</span></div><div class='line' id='LC33'><br/></div><div class='line' id='LC34'> <span class="c1">// 获取上一个节点</span></div><div class='line' id='LC35'> <span class="kd">var</span> <span class="nx">prevElement</span> <span class="o">=</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">_getPrevElement</span><span class="p">(</span><span class="nx">element</span><span class="p">);</span></div><div class='line' id='LC36'> <span class="k">while</span><span class="p">(</span><span class="nx">prevElement</span><span class="p">.</span><span class="nx">offsetHeight</span> <span class="o"><</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC37'> <span class="nx">prevElement</span> <span class="o">=</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">_getPrevElement</span><span class="p">(</span><span class="nx">prevElement</span><span class="p">);</span></div><div class='line' id='LC38'> <span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="nx">prevElement</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC39'> <span class="k">break</span><span class="p">;</span></div><div class='line' id='LC40'> <span class="p">}</span></div><div class='line' id='LC41'> <span class="p">}</span></div><div class='line' id='LC42'> <span class="nx">_self</span><span class="p">.</span><span class="nx">cache</span><span class="p">.</span><span class="nx">prevElement</span> <span class="o">=</span> <span class="nx">prevElement</span><span class="p">;</span></div><div class='line' id='LC43'><br/></div><div class='line' id='LC44'> <span class="c1">// 计算父节点的上边到顶部距离</span></div><div class='line' id='LC45'> <span class="kd">var</span> <span class="nx">parent</span> <span class="o">=</span> <span class="nx">element</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">;</span></div><div class='line' id='LC46'> <span class="kd">var</span> <span class="nx">parentToTop</span> <span class="o">=</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">_getCumulativeOffset</span><span class="p">(</span><span class="nx">parent</span><span class="p">).</span><span class="nx">top</span><span class="p">;</span></div><div class='line' id='LC47'> <span class="kd">var</span> <span class="nx">parentBorderTop</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">parent</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">borderTop</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span></div><div class='line' id='LC48'> <span class="kd">var</span> <span class="nx">parentPaddingTop</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">parent</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">paddingTop</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span></div><div class='line' id='LC49'> <span class="nx">_self</span><span class="p">.</span><span class="nx">cache</span><span class="p">.</span><span class="nx">parentToTop</span> <span class="o">=</span> <span class="nx">parentToTop</span> <span class="o">+</span> <span class="nx">parentBorderTop</span> <span class="o">+</span> <span class="nx">parentPaddingTop</span><span class="p">;</span></div><div class='line' id='LC50'><br/></div><div class='line' id='LC51'> <span class="c1">// 滚动屏幕</span></div><div class='line' id='LC52'> <span class="nx">_self</span><span class="p">.</span><span class="nx">_addListener</span><span class="p">(</span><span class="nb">window</span><span class="p">,</span> <span class="s1">'scroll'</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC53'> <span class="nx">_self</span><span class="p">.</span><span class="nx">_scrollScreen</span><span class="p">({</span><span class="nx">element</span><span class="o">:</span><span class="nx">element</span><span class="p">,</span> <span class="nx">prevElement</span><span class="o">:</span><span class="nx">prevElement</span><span class="p">,</span> <span class="nx">_self</span><span class="o">:</span><span class="nx">_self</span><span class="p">});</span></div><div class='line' id='LC54'> <span class="p">});</span></div><div class='line' id='LC55'><br/></div><div class='line' id='LC56'> <span class="c1">// 改变屏幕尺寸</span></div><div class='line' id='LC57'> <span class="nx">_self</span><span class="p">.</span><span class="nx">_addListener</span><span class="p">(</span><span class="nb">window</span><span class="p">,</span> <span class="s1">'resize'</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC58'> <span class="nx">_self</span><span class="p">.</span><span class="nx">_scrollScreen</span><span class="p">({</span><span class="nx">element</span><span class="o">:</span><span class="nx">element</span><span class="p">,</span> <span class="nx">prevElement</span><span class="o">:</span><span class="nx">prevElement</span><span class="p">,</span> <span class="nx">_self</span><span class="o">:</span><span class="nx">_self</span><span class="p">});</span></div><div class='line' id='LC59'> <span class="p">});</span></div><div class='line' id='LC60'> <span class="p">},</span></div><div class='line' id='LC61'><br/></div><div class='line' id='LC62'> <span class="cm">/**</span></div><div class='line' id='LC63'><span class="cm"> * 修改节点位置</span></div><div class='line' id='LC64'><span class="cm"> */</span></div><div class='line' id='LC65'> <span class="nx">_scrollScreen</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC66'> <span class="kd">var</span> <span class="nx">_self</span> <span class="o">=</span> <span class="nx">args</span><span class="p">.</span><span class="nx">_self</span><span class="p">;</span></div><div class='line' id='LC67'> <span class="kd">var</span> <span class="nx">element</span> <span class="o">=</span> <span class="nx">args</span><span class="p">.</span><span class="nx">element</span><span class="p">;</span></div><div class='line' id='LC68'> <span class="kd">var</span> <span class="nx">prevElement</span> <span class="o">=</span> <span class="nx">args</span><span class="p">.</span><span class="nx">prevElement</span><span class="p">;</span></div><div class='line' id='LC69'> <span class="kd">var</span> <span class="nx">toTop</span> <span class="o">=</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">config</span><span class="p">.</span><span class="nx">distanceToTop</span><span class="p">;</span></div><div class='line' id='LC70'><br/></div><div class='line' id='LC71'> <span class="c1">// 如果 body 有 top 属性, 消除这些位移</span></div><div class='line' id='LC72'> <span class="kd">var</span> <span class="nx">bodyToTop</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nb">document</span><span class="p">.</span><span class="nx">getElementsByTagName</span><span class="p">(</span><span class="s1">'body'</span><span class="p">)[</span><span class="mi">0</span><span class="p">].</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span></div><div class='line' id='LC73'> <span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="nb">isNaN</span><span class="p">(</span><span class="nx">bodyToTop</span><span class="p">))</span> <span class="p">{</span></div><div class='line' id='LC74'> <span class="nx">toTop</span> <span class="o">+=</span> <span class="nx">bodyToTop</span><span class="p">;</span></div><div class='line' id='LC75'> <span class="p">}</span></div><div class='line' id='LC76'><br/></div><div class='line' id='LC77'> <span class="kd">var</span> <span class="nx">elementToTop</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span></div><div class='line' id='LC78'> <span class="k">if</span><span class="p">(</span><span class="nx">element</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">position</span> <span class="o">===</span> <span class="s1">'fixed'</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC79'> <span class="nx">elementToTop</span> <span class="o">=</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">_getScrollY</span><span class="p">();</span></div><div class='line' id='LC80'> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span></div><div class='line' id='LC81'> <span class="nx">elementToTop</span> <span class="o">=</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">_getCumulativeOffset</span><span class="p">(</span><span class="nx">element</span><span class="p">).</span><span class="nx">top</span> <span class="o">-</span> <span class="nx">toTop</span><span class="p">;</span></div><div class='line' id='LC82'> <span class="p">}</span></div><div class='line' id='LC83'> <span class="kd">var</span> <span class="nx">elementToPrev</span> <span class="o">=</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">_getCumulativeOffset</span><span class="p">(</span><span class="nx">prevElement</span><span class="p">).</span><span class="nx">top</span> <span class="o">+</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">_getVisibleSize</span><span class="p">(</span><span class="nx">prevElement</span><span class="p">).</span><span class="nx">height</span><span class="p">;</span></div><div class='line' id='LC84'><br/></div><div class='line' id='LC85'> <span class="c1">// 当节点进入跟随区域, 跟随滚动</span></div><div class='line' id='LC86'> <span class="k">if</span><span class="p">(</span><span class="nx">_self</span><span class="p">.</span><span class="nx">_getScrollY</span><span class="p">()</span> <span class="o">></span> <span class="nx">elementToTop</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC87'> <span class="c1">// 添加占位节点</span></div><div class='line' id='LC88'> <span class="kd">var</span> <span class="nx">elementHeight</span> <span class="o">=</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">_getVisibleSize</span><span class="p">(</span><span class="nx">element</span><span class="p">).</span><span class="nx">height</span><span class="p">;</span></div><div class='line' id='LC89'> <span class="nx">_self</span><span class="p">.</span><span class="nx">cache</span><span class="p">.</span><span class="nx">placeholder</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">elementHeight</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span></div><div class='line' id='LC90'> <span class="nx">element</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">.</span><span class="nx">insertBefore</span><span class="p">(</span><span class="nx">_self</span><span class="p">.</span><span class="nx">cache</span><span class="p">.</span><span class="nx">placeholder</span><span class="p">,</span> <span class="nx">element</span><span class="p">);</span></div><div class='line' id='LC91'> <span class="c1">// 记录原位置</span></div><div class='line' id='LC92'> <span class="nx">_self</span><span class="p">.</span><span class="nx">cache</span><span class="p">.</span><span class="nx">originalToTop</span> <span class="o">=</span> <span class="nx">elementToTop</span><span class="p">;</span></div><div class='line' id='LC93'> <span class="c1">// 修改样式</span></div><div class='line' id='LC94'> <span class="nx">element</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">top</span> <span class="o">=</span> <span class="nx">toTop</span> <span class="o">+</span> <span class="s1">'px'</span><span class="p">;</span></div><div class='line' id='LC95'> <span class="nx">element</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">position</span> <span class="o">=</span> <span class="s1">'fixed'</span><span class="p">;</span></div><div class='line' id='LC96'><br/></div><div class='line' id='LC97'> <span class="c1">// 否则回到原位</span></div><div class='line' id='LC98'> <span class="p">}</span> <span class="k">else</span> <span class="k">if</span><span class="p">(</span><span class="nx">_self</span><span class="p">.</span><span class="nx">cache</span><span class="p">.</span><span class="nx">originalToTop</span> <span class="o">></span> <span class="nx">elementToTop</span> <span class="o">||</span> <span class="nx">elementToPrev</span> <span class="o">></span> <span class="nx">elementToTop</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC99'> <span class="kd">var</span> <span class="nx">parent</span> <span class="o">=</span> <span class="nx">_self</span><span class="p">.</span><span class="nx">cache</span><span class="p">.</span><span class="nx">placeholder</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">;</span></div><div class='line' id='LC100'> <span class="k">if</span><span class="p">(</span><span class="nx">parent</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC101'> <span class="c1">// 删除占位节点</span></div><div class='line' id='LC102'> <span class="nx">parent</span><span class="p">.</span><span class="nx">removeChild</span><span class="p">(</span><span class="nx">_self</span><span class="p">.</span><span class="nx">cache</span><span class="p">.</span><span class="nx">placeholder</span><span class="p">);</span></div><div class='line' id='LC103'> <span class="c1">// 修改样式</span></div><div class='line' id='LC104'> <span class="nx">element</span><span class="p">.</span><span class="nx">style</span><span class="p">.</span><span class="nx">position</span> <span class="o">=</span> <span class="s1">'static'</span><span class="p">;</span></div><div class='line' id='LC105'> <span class="p">}</span></div><div class='line' id='LC106'> <span class="p">}</span></div><div class='line' id='LC107'> <span class="p">},</span></div><div class='line' id='LC108'><br/></div><div class='line' id='LC109'> <span class="cm">/**</span></div><div class='line' id='LC110'><span class="cm"> * 获取累计偏移量, 即元素到页面左上角的横行和纵向距离</span></div><div class='line' id='LC111'><span class="cm"> */</span></div><div class='line' id='LC112'> <span class="nx">_getCumulativeOffset</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">element</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC113'> <span class="kd">var</span> <span class="nx">offset</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC114'> <span class="nx">left</span><span class="o">:</span><span class="mi">0</span><span class="p">,</span></div><div class='line' id='LC115'> <span class="nx">top</span><span class="o">:</span><span class="mi">0</span></div><div class='line' id='LC116'> <span class="p">};</span></div><div class='line' id='LC117'><br/></div><div class='line' id='LC118'> <span class="k">do</span> <span class="p">{</span></div><div class='line' id='LC119'> <span class="nx">offset</span><span class="p">.</span><span class="nx">left</span> <span class="o">+=</span> <span class="nx">element</span><span class="p">.</span><span class="nx">offsetLeft</span> <span class="o">||</span> <span class="mi">0</span><span class="p">;</span></div><div class='line' id='LC120'> <span class="nx">offset</span><span class="p">.</span><span class="nx">top</span> <span class="o">+=</span> <span class="nx">element</span><span class="p">.</span><span class="nx">offsetTop</span> <span class="o">||</span> <span class="mi">0</span><span class="p">;</span></div><div class='line' id='LC121'> <span class="nx">element</span> <span class="o">=</span> <span class="nx">element</span><span class="p">.</span><span class="nx">offsetParent</span><span class="p">;</span></div><div class='line' id='LC122'> <span class="p">}</span> <span class="k">while</span> <span class="p">(</span><span class="nx">element</span><span class="p">);</span></div><div class='line' id='LC123'><br/></div><div class='line' id='LC124'> <span class="k">return</span> <span class="nx">offset</span><span class="p">;</span></div><div class='line' id='LC125'> <span class="p">},</span></div><div class='line' id='LC126'><br/></div><div class='line' id='LC127'> <span class="cm">/**</span></div><div class='line' id='LC128'><span class="cm"> * 获取元素可见尺寸 (包括边线和滚动条)</span></div><div class='line' id='LC129'><span class="cm"> */</span></div><div class='line' id='LC130'> <span class="nx">_getVisibleSize</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">element</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC131'> <span class="kd">var</span> <span class="nx">dimension</span> <span class="o">=</span> <span class="p">{</span></div><div class='line' id='LC132'> <span class="nx">width</span><span class="o">:</span><span class="mi">0</span><span class="p">,</span></div><div class='line' id='LC133'> <span class="nx">height</span><span class="o">:</span><span class="mi">0</span></div><div class='line' id='LC134'> <span class="p">};</span></div><div class='line' id='LC135'><br/></div><div class='line' id='LC136'> <span class="nx">dimension</span><span class="p">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">element</span><span class="p">.</span><span class="nx">offsetWidth</span><span class="p">;</span></div><div class='line' id='LC137'> <span class="nx">dimension</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">element</span><span class="p">.</span><span class="nx">offsetHeight</span><span class="p">;</span></div><div class='line' id='LC138'><br/></div><div class='line' id='LC139'> <span class="k">return</span> <span class="nx">dimension</span><span class="p">;</span></div><div class='line' id='LC140'> <span class="p">},</span></div><div class='line' id='LC141'><br/></div><div class='line' id='LC142'> <span class="cm">/**</span></div><div class='line' id='LC143'><span class="cm"> * 获得滚动条纵向距离</span></div><div class='line' id='LC144'><span class="cm"> */</span></div><div class='line' id='LC145'> <span class="nx">_getScrollY</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC146'> <span class="k">if</span><span class="p">(</span><span class="k">typeof</span> <span class="nb">window</span><span class="p">.</span><span class="nx">pageYOffset</span> <span class="o">!=</span> <span class="s1">'undefined'</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC147'> <span class="k">return</span> <span class="nb">window</span><span class="p">.</span><span class="nx">pageYOffset</span><span class="p">;</span></div><div class='line' id='LC148'> <span class="p">}</span></div><div class='line' id='LC149'><br/></div><div class='line' id='LC150'> <span class="k">if</span><span class="p">(</span><span class="k">typeof</span> <span class="nb">document</span><span class="p">.</span><span class="nx">compatMode</span> <span class="o">!=</span> <span class="s1">'undefined'</span> <span class="o">&&</span> <span class="nb">document</span><span class="p">.</span><span class="nx">compatMode</span> <span class="o">!=</span> <span class="s1">'BackCompat'</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC151'> <span class="k">return</span> <span class="nb">document</span><span class="p">.</span><span class="nx">documentElement</span><span class="p">.</span><span class="nx">scrollTop</span><span class="p">;</span></div><div class='line' id='LC152'> <span class="p">}</span></div><div class='line' id='LC153'><br/></div><div class='line' id='LC154'> <span class="k">return</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">.</span><span class="nx">scrollTop</span><span class="p">;</span></div><div class='line' id='LC155'> <span class="p">},</span></div><div class='line' id='LC156'><br/></div><div class='line' id='LC157'> <span class="cm">/**</span></div><div class='line' id='LC158'><span class="cm"> * 添加监听事件</span></div><div class='line' id='LC159'><span class="cm"> */</span></div><div class='line' id='LC160'> <span class="nx">_addListener</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">node</span><span class="p">,</span> <span class="nx">type</span><span class="p">,</span> <span class="nx">listener</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC161'> <span class="k">if</span><span class="p">(</span><span class="nx">node</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC162'> <span class="nx">node</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="nx">type</span><span class="p">,</span> <span class="nx">listener</span><span class="p">,</span> <span class="kc">false</span><span class="p">);</span></div><div class='line' id='LC163'> <span class="k">return</span> <span class="kc">true</span><span class="p">;</span></div><div class='line' id='LC164'> <span class="p">}</span> <span class="k">else</span> <span class="k">if</span><span class="p">(</span><span class="nx">node</span><span class="p">.</span><span class="nx">attachEvent</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC165'> <span class="nx">node</span><span class="p">[</span><span class="s1">'e'</span> <span class="o">+</span> <span class="nx">type</span> <span class="o">+</span> <span class="nx">listener</span><span class="p">]</span> <span class="o">=</span> <span class="nx">listener</span><span class="p">;</span></div><div class='line' id='LC166'> <span class="nx">node</span><span class="p">[</span><span class="nx">type</span> <span class="o">+</span> <span class="nx">listener</span><span class="p">]</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></div><div class='line' id='LC167'> <span class="nx">node</span><span class="p">[</span><span class="s1">'e'</span> <span class="o">+</span> <span class="nx">type</span> <span class="o">+</span> <span class="nx">listener</span><span class="p">](</span><span class="nb">window</span><span class="p">.</span><span class="nx">event</span><span class="p">);</span></div><div class='line' id='LC168'> <span class="p">};</span></div><div class='line' id='LC169'> <span class="nx">node</span><span class="p">.</span><span class="nx">attachEvent</span><span class="p">(</span><span class="s1">'on'</span> <span class="o">+</span> <span class="nx">type</span><span class="p">,</span> <span class="nx">node</span><span class="p">[</span><span class="nx">type</span> <span class="o">+</span> <span class="nx">listener</span><span class="p">]);</span></div><div class='line' id='LC170'> <span class="k">return</span> <span class="kc">true</span><span class="p">;</span></div><div class='line' id='LC171'> <span class="p">}</span></div><div class='line' id='LC172'> <span class="k">return</span> <span class="kc">false</span><span class="p">;</span></div><div class='line' id='LC173'> <span class="p">},</span></div><div class='line' id='LC174'><br/></div><div class='line' id='LC175'> <span class="cm">/**</span></div><div class='line' id='LC176'><span class="cm"> * 获取上一个节点</span></div><div class='line' id='LC177'><span class="cm"> */</span></div><div class='line' id='LC178'> <span class="nx">_getPrevElement</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">element</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC179'> <span class="kd">var</span> <span class="nx">prev</span> <span class="o">=</span> <span class="nx">element</span><span class="p">.</span><span class="nx">previousSibling</span><span class="p">;</span></div><div class='line' id='LC180'> <span class="k">while</span><span class="p">(</span><span class="nx">prev</span><span class="p">.</span><span class="nx">nodeType</span> <span class="o">!==</span> <span class="mi">1</span><span class="p">)</span> <span class="p">{</span></div><div class='line' id='LC181'> <span class="nx">prev</span> <span class="o">=</span> <span class="nx">prev</span><span class="p">.</span><span class="nx">previousSibling</span><span class="p">;</span></div><div class='line' id='LC182'> <span class="p">}</span></div><div class='line' id='LC183'> <span class="k">return</span> <span class="nx">prev</span><span class="p">;</span></div><div class='line' id='LC184'> <span class="p">}</span></div><div class='line' id='LC185'><span class="p">};</span></div></pre></div>
</td>
</tr>
</table>
</div>
</div>
</div>
<a href="#jump-to-line" rel="facebox[.linejump]" data-hotkey="l" class="js-jump-to-line" style="display:none">Jump to Line</a>
<div id="jump-to-line" style="display:none">
<form accept-charset="UTF-8" class="js-jump-to-line-form">
<input class="linejump-input js-jump-to-line-field" type="text" placeholder="Jump to line…" autofocus>
<button type="submit" class="button">Go</button>
</form>
</div>
</div>
</div><!-- /.repo-container -->
<div class="modal-backdrop"></div>
</div><!-- /.container -->
</div><!-- /.site -->
</div><!-- /.wrapper -->
<div class="container">
<div class="site-footer">
<ul class="site-footer-links right">
<li><a href="https://status.github.com/">Status</a></li>
<li><a href="http://developer.github.com">API</a></li>
<li><a href="http://training.github.com">Training</a></li>
<li><a href="http://shop.github.com">Shop</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/about">About</a></li>
</ul>
<a href="/">
<span class="mega-octicon octicon-mark-github"></span>
</a>
<ul class="site-footer-links">
<li>© 2013 <span title="0.05051s from github-fe120-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
<li><a href="/site/terms">Terms</a></li>
<li><a href="/site/privacy">Privacy</a></li>
<li><a href="/security">Security</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div><!-- /.site-footer -->
</div><!-- /.container -->
<div class="fullscreen-overlay js-fullscreen-overlay" id="fullscreen_overlay">
<div class="fullscreen-container js-fullscreen-container">
<div class="textarea-wrap">
<textarea name="fullscreen-contents" id="fullscreen-contents" class="js-fullscreen-contents" placeholder="" data-suggester="fullscreen_suggester"></textarea>
<div class="suggester-container">
<div class="suggester fullscreen-suggester js-navigation-container" id="fullscreen_suggester"
data-url="/wuzhao/sidebar-follow/suggestions/commit">
</div>
</div>
</div>
</div>
<div class="fullscreen-sidebar">
<a href="#" class="exit-fullscreen js-exit-fullscreen tooltipped leftwards" title="Exit Zen Mode">
<span class="mega-octicon octicon-screen-normal"></span>
</a>
<a href="#" class="theme-switcher js-theme-switcher tooltipped leftwards"
title="Switch themes">
<span class="octicon octicon-color-mode"></span>
</a>
</div>
</div>
<div id="ajax-error-message" class="flash flash-error">
<span class="octicon octicon-alert"></span>
<a href="#" class="octicon octicon-remove-close close ajax-error-dismiss"></a>
Something went wrong with that request. Please try again.
</div>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手