



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
        <title>jquery.mousewheel.js at b7c35896a59d0d7054e401f87743f161e66f7a1f from brandonaaron's jquery-mousewheel - GitHub</title>
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub" />
    <link rel="fluid-icon" href="http://github.com/fluidicon.png" title="GitHub" />

    
      <link href="http://assets0.github.com/stylesheets/bundle.css?4e4549ef242cc20be2f40fdf0f47baaa74c05405" media="screen" rel="stylesheet" type="text/css" />
    

    
      
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script src="http://assets3.github.com/javascripts/bundle.js?4e4549ef242cc20be2f40fdf0f47baaa74c05405" type="text/javascript"></script>
      
    
    
  
    
  

  <link href="http://github.com/feeds/brandonaaron/commits/jquery-mousewheel/b7c35896a59d0d7054e401f87743f161e66f7a1f" rel="alternate" title="Recent Commits to jquery-mousewheel:b7c35896a59d0d7054e401f87743f161e66f7a1f" type="application/atom+xml" />

    <meta name="description" content="A jQuery plugin that adds cross-browser mouse wheel support." />


    

    <script type="text/javascript">
      github_user = null
    </script>
  </head>

  

  <body>
    

    <div id="main">
      <div id="header" class="">
        <div class="site">
          <div class="logo">
            <a href="http://github.com"><img src="/images/modules/header/logov3.png" alt="github" /></a>
          </div>
          
            <div class="topsearch">
  <form action="/search" id="top_search_form" method="get">
    <input type="search" class="search" name="q" /> <input type="submit" value="Search" />
    <input type="hidden" name="type" value="Everything" />
    <input type="hidden" name="repo" value="" />
    <input type="hidden" name="langOverride" value="" />
    <input type="hidden" name="start_value" value="1" />
  </form>
  <div class="links">
    <a href="/repositories">Browse</a> | <a href="/guides">Guides</a> | <a href="/search">Advanced</a>
  </div>
</div>
          
          
            <div class="actions">
              <a href="http://github.com">Home</a>
              <a href="/plans"><b><u>Pricing and Signup</u></b></a>
              <a href="http://github.com/popular/forked">Repositories</a>
              
              <a href="/blog">Blog</a>
              <a href="https://github.com/login">Login</a>
            </div>
          
        </div>
      </div>

      
        
    <div id="repo_menu">
      <div class="site">
        <ul>
          
            <li class="active"><a href="http://github.com/brandonaaron/jquery-mousewheel/tree/">Source</a></li>

            <li class=""><a href="http://github.com/brandonaaron/jquery-mousewheel/commits/">Commits</a></li>

            
            <li class=""><a href="/brandonaaron/jquery-mousewheel/network">Network (2)</a></li>

            

            
              
              <li class=""><a href="/brandonaaron/jquery-mousewheel/issues">Issues (0)</a></li>
            

            
              
              <li class=""><a href="/brandonaaron/jquery-mousewheel/downloads">Downloads (0)</a></li>
            

            
              
              <li class=""><a href="http://wiki.github.com/brandonaaron/jquery-mousewheel">Wiki (1)</a></li>
            

            <li class=""><a href="/brandonaaron/jquery-mousewheel/graphs">Graphs</a></li>

            

          
        </ul>
      </div>
    </div>

  <div id="repo_sub_menu">
    <div class="site">
      <div class="joiner"></div>
      

      

      

      
    </div>
  </div>

  <div class="site">
    





<div id="repos">
  


<script type="text/javascript">
  GitHub.currentCommitRef = "b7c35896a59d0d7054e401f87743f161e66f7a1f"
  GitHub.currentRepoOwner = "brandonaaron"
  GitHub.currentRepo = "jquery-mousewheel"
  
</script>



  <div class="repo public" id="repo_details">
    <div class="title">
      <div class="path">
        <a href="/brandonaaron">brandonaaron</a> / <b><a href="http://github.com/brandonaaron/jquery-mousewheel/tree">jquery-mousewheel</a></b>

        

          <span id="edit_button" style="display:none;">
            <a href="/brandonaaron/jquery-mousewheel/edit"><img alt="edit" class="button" src="http://assets0.github.com/images/modules/repos/edit_button.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></a>
          </span>

          
            <span id="pull_request_button" style="display:none;">
              <a href="/brandonaaron/jquery-mousewheel/pull_request/" class="pull_request_button"><img alt="pull request" class="button" src="http://assets3.github.com/images/modules/repos/pull_request_button.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></a>
            </span>
            
            <span id="fast_forward_button" style="display:none;">
              <a href="/brandonaaron/jquery-mousewheel/fast_forward" id="ff_button"><img alt="fast forward" class="button" src="http://assets2.github.com/images/modules/repos/fast_forward_button.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></a>
            </span>

            <span id="fork_button">
              <a href="/brandonaaron/jquery-mousewheel/fork"><img alt="fork" class="button" src="http://assets3.github.com/images/modules/repos/fork_button.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></a>
            </span>
          

          <span id="watch_button">
            <a href="/brandonaaron/jquery-mousewheel/toggle_watch" class="toggle_watch"><img alt="watch" class="button" src="http://assets3.github.com/images/modules/repos/watch_button.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></a>
          </span>
          
          <span id="unwatch_button" style="display:none;">
            <a href="/brandonaaron/jquery-mousewheel/toggle_watch" class="toggle_watch"><img alt="watch" class="button" src="http://assets2.github.com/images/modules/repos/unwatch_button.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></a>
          </span>

          
            <a href="#" id="download_button" rel="brandonaaron/jquery-mousewheel"><img alt="download tarball" class="button" src="http://assets1.github.com/images/modules/repos/download_button.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></a>
          
        
      </div>

      <div class="security private_security" style="display:none">
        <a href="#private_repo" rel="facebox"><img src="/images/icons/private.png" alt="private" /></a>
      </div>

      <div id="private_repo" class="hidden">
        This repository is private.
        All pages are served over SSL and all pushing and pulling is done over SSH.
        No one may fork, clone, or view it unless they are added as a <a href="/brandonaaron/jquery-mousewheel/edit">member</a>.

        <br/>
        <br/>
        Every repository with this icon (<img src="/images/icons/private.png" alt="private" />) is private.
      </div>

      <div class="security public_security" style="">
        <a href="#public_repo" rel="facebox"><img src="/images/icons/public.png" alt="public" /></a>
      </div>

      <div id="public_repo" class="hidden">
        This repository is public.
        Anyone may fork, clone, or view it.

        <br/>
        <br/>
        Every repository with this icon (<img src="/images/icons/public.png" alt="public" />) is public.
      </div>

      

        <div class="flexipill">
          <a href="/brandonaaron/jquery-mousewheel/network">
          <table cellpadding="0" cellspacing="0">
            <tr><td><img alt="Forks" src="http://assets0.github.com/images/modules/repos/pills/forks.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></td><td class="middle"><span>2</span></td><td><img alt="Right" src="http://assets1.github.com/images/modules/repos/pills/right.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></td></tr>
          </table>
          </a>
        </div>

        <div class="flexipill">
          <a href="/brandonaaron/jquery-mousewheel/watchers">
          <table cellpadding="0" cellspacing="0">
            <tr><td><img alt="Watchers" src="http://assets3.github.com/images/modules/repos/pills/watchers.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></td><td class="middle"><span>12</span></td><td><img alt="Right" src="http://assets1.github.com/images/modules/repos/pills/right.png?4e4549ef242cc20be2f40fdf0f47baaa74c05405" /></td></tr>
          </table>
          </a>
        </div>
      </div>

    <div class="meta">
      <table>
        
        <tr>
          <td class="label">Description:</td>
          <td>
            <span id="repository_description" rel="/brandonaaron/jquery-mousewheel/edit/update">A jQuery plugin that adds cross-browser mouse wheel support.</span>
            <a href="#description" class="edit_link action" style="display:none;">edit</a>
          </td>
        </tr>

        
            <tr>
              <td class="label">Homepage:</td>
              <td>
                                
                <span id="repository_homepage" rel="/brandonaaron/jquery-mousewheel/edit/update">
                  <a href="http://plugins.jquery.com/project/mousewheel">http://plugins.jquery.com/project/mousewheel</a>
                </span>
                <a href="#homepage" class="edit_link action" style="display:none;">edit</a>
              </td>
            </tr>

          
            <tr>
              <td class="label"><span id="public_clone_text" style="display:none;">Public&nbsp;</span>Clone&nbsp;URL:</td>
              
              <td>
                <a href="git://github.com/brandonaaron/jquery-mousewheel.git" class="git_url_facebox" rel="#git-clone">git://github.com/brandonaaron/jquery-mousewheel.git</a>
                      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
              width="110"
              height="14"
              class="clippy"
              id="clippy" >
      <param name="movie" value="/flash/clippy.swf"/>
      <param name="allowScriptAccess" value="always" />
      <param name="quality" value="high" />
      <param name="scale" value="noscale" />
      <param NAME="FlashVars" value="text=git://github.com/brandonaaron/jquery-mousewheel.git">
      <param name="bgcolor" value="#F0F0F0">
      <param name="wmode" value="opaque">
      <embed src="/flash/clippy.swf"
             width="110"
             height="14"
             name="clippy"
             quality="high"
             allowScriptAccess="always"
             type="application/x-shockwave-flash"
             pluginspage="http://www.macromedia.com/go/getflashplayer"
             FlashVars="text=git://github.com/brandonaaron/jquery-mousewheel.git"
             bgcolor="#F0F0F0"
             wmode="opaque"
      />
      </object>

                <div id="git-clone" style="display:none;">
                  Give this clone URL to anyone.
                  <br/>
                  <code>git clone git://github.com/brandonaaron/jquery-mousewheel.git </code>
                </div>
              </td>
            </tr>
          
          
          <tr id="private_clone_url" style="display:none;">
            <td class="label">Your Clone URL:</td>
            
            <td>

              <div id="private-clone-url">
                <a href="git@github.com:brandonaaron/jquery-mousewheel.git" class="git_url_facebox" rel="#your-git-clone">git@github.com:brandonaaron/jquery-mousewheel.git</a>
                <input type="text" value="git@github.com:brandonaaron/jquery-mousewheel.git" style="display: none;" />
                      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
              width="110"
              height="14"
              class="clippy"
              id="clippy" >
      <param name="movie" value="/flash/clippy.swf"/>
      <param name="allowScriptAccess" value="always" />
      <param name="quality" value="high" />
      <param name="scale" value="noscale" />
      <param NAME="FlashVars" value="text=git@github.com:brandonaaron/jquery-mousewheel.git">
      <param name="bgcolor" value="#F0F0F0">
      <param name="wmode" value="opaque">
      <embed src="/flash/clippy.swf"
             width="110"
             height="14"
             name="clippy"
             quality="high"
             allowScriptAccess="always"
             type="application/x-shockwave-flash"
             pluginspage="http://www.macromedia.com/go/getflashplayer"
             FlashVars="text=git@github.com:brandonaaron/jquery-mousewheel.git"
             bgcolor="#F0F0F0"
             wmode="opaque"
      />
      </object>

              </div>

              <div id="your-git-clone" style="display:none;">
                Use this clone URL yourself.
                <br/>
                <code>git clone git@github.com:brandonaaron/jquery-mousewheel.git </code>
              </div>
            </td>
          </tr>
          
          

          

          
      </table>

      
        <div class="pledgie">
          <a href='http://pledgie.com/campaigns/1846'><img alt='Click here to lend your support to: jquery-mousewheel and make a donation at www.pledgie.com !' src='http://www.pledgie.com/campaigns/1846.png?skin_name=chrome' border='0' /></a>
        </div>
          </div>
  </div>






</div>


  <div id="commit">
    <div class="group">
        
  <div class="envelope commit">
    <div class="human">
      
        <div class="message"><pre><a href="/brandonaaron/jquery-mousewheel/commit/b7c35896a59d0d7054e401f87743f161e66f7a1f">cleaned up the code</a> </pre></div>
      

      <div class="actor">
        <div class="gravatar">
          
          <img alt="" height="30" src="http://www.gravatar.com/avatar/5caa0660a37102fb758ebff952d936d9?s=30&amp;d=http%3A%2F%2Fgithub.com%2Fimages%2Fgravatars%2Fgravatar-30.png" width="30" />
        </div>
        <div class="name"><a href="/brandonaaron">brandonaaron</a> <span>(author)</span></div>
          <div class="date">
            <abbr class="relatize" title="2009-03-21 22:04:05">Sat Mar 21 22:04:05 -0700 2009</abbr> 
          </div>
      </div>
  
      
  
    </div>
    <div class="machine">
      <span>c</span>ommit&nbsp;&nbsp;<a href="/brandonaaron/jquery-mousewheel/commit/b7c35896a59d0d7054e401f87743f161e66f7a1f" hotkey="c">b7c35896a59d0d7054e401f87743f161e66f7a1f</a><br />
      <span>t</span>ree&nbsp;&nbsp;&nbsp;&nbsp;<a href="/brandonaaron/jquery-mousewheel/tree/b7c35896a59d0d7054e401f87743f161e66f7a1f/jquery.mousewheel.js" hotkey="t">ccf62e6a7107f09f12f571f27e7799776f142412</a><br />
  
      
        <span>p</span>arent&nbsp;
        
        <a href="/brandonaaron/jquery-mousewheel/commit/03d984bbf1eab8525651e5237cf4d47cd26bc025" hotkey="p">03d984bbf1eab8525651e5237cf4d47cd26bc025</a>
      
  
    </div>
  </div>

    </div>
  </div>



  
    <div id="path">
      <b><a href="/brandonaaron/jquery-mousewheel/tree">jquery-mousewheel</a></b> / jquery.mousewheel.js       <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
              width="110"
              height="14"
              class="clippy"
              id="clippy" >
      <param name="movie" value="/flash/clippy.swf"/>
      <param name="allowScriptAccess" value="always" />
      <param name="quality" value="high" />
      <param name="scale" value="noscale" />
      <param NAME="FlashVars" value="text=jquery.mousewheel.js">
      <param name="bgcolor" value="#FFFFFF">
      <param name="wmode" value="opaque">
      <embed src="/flash/clippy.swf"
             width="110"
             height="14"
             name="clippy"
             quality="high"
             allowScriptAccess="always"
             type="application/x-shockwave-flash"
             pluginspage="http://www.macromedia.com/go/getflashplayer"
             FlashVars="text=jquery.mousewheel.js"
             bgcolor="#FFFFFF"
             wmode="opaque"
      />
      </object>

    </div>

    <div id="files">
      <div class="file">
        <div class="meta">
          <div class="info">
            <span>100644</span>
            <span>60 lines (47 sloc)</span>
            <span>1.523 kb</span>
          </div>
          <div class="actions">
            
            <a href="/brandonaaron/jquery-mousewheel/raw/b7c35896a59d0d7054e401f87743f161e66f7a1f/jquery.mousewheel.js" id="raw-url">raw</a>
            
              <a href="/brandonaaron/jquery-mousewheel/blame/b7c35896a59d0d7054e401f87743f161e66f7a1f/jquery.mousewheel.js">blame</a>
            
            <a href="/brandonaaron/jquery-mousewheel/commits/master/jquery.mousewheel.js">history</a>
          </div>
        </div>
        
  <div class="data syntax">
    
      <table cellpadding="0" cellspacing="0">
        <tr>
          <td>
            
            <pre class="line_numbers">
<span id="LID1" rel="#L1">1</span>
<span id="LID2" rel="#L2">2</span>
<span id="LID3" rel="#L3">3</span>
<span id="LID4" rel="#L4">4</span>
<span id="LID5" rel="#L5">5</span>
<span id="LID6" rel="#L6">6</span>
<span id="LID7" rel="#L7">7</span>
<span id="LID8" rel="#L8">8</span>
<span id="LID9" rel="#L9">9</span>
<span id="LID10" rel="#L10">10</span>
<span id="LID11" rel="#L11">11</span>
<span id="LID12" rel="#L12">12</span>
<span id="LID13" rel="#L13">13</span>
<span id="LID14" rel="#L14">14</span>
<span id="LID15" rel="#L15">15</span>
<span id="LID16" rel="#L16">16</span>
<span id="LID17" rel="#L17">17</span>
<span id="LID18" rel="#L18">18</span>
<span id="LID19" rel="#L19">19</span>
<span id="LID20" rel="#L20">20</span>
<span id="LID21" rel="#L21">21</span>
<span id="LID22" rel="#L22">22</span>
<span id="LID23" rel="#L23">23</span>
<span id="LID24" rel="#L24">24</span>
<span id="LID25" rel="#L25">25</span>
<span id="LID26" rel="#L26">26</span>
<span id="LID27" rel="#L27">27</span>
<span id="LID28" rel="#L28">28</span>
<span id="LID29" rel="#L29">29</span>
<span id="LID30" rel="#L30">30</span>
<span id="LID31" rel="#L31">31</span>
<span id="LID32" rel="#L32">32</span>
<span id="LID33" rel="#L33">33</span>
<span id="LID34" rel="#L34">34</span>
<span id="LID35" rel="#L35">35</span>
<span id="LID36" rel="#L36">36</span>
<span id="LID37" rel="#L37">37</span>
<span id="LID38" rel="#L38">38</span>
<span id="LID39" rel="#L39">39</span>
<span id="LID40" rel="#L40">40</span>
<span id="LID41" rel="#L41">41</span>
<span id="LID42" rel="#L42">42</span>
<span id="LID43" rel="#L43">43</span>
<span id="LID44" rel="#L44">44</span>
<span id="LID45" rel="#L45">45</span>
<span id="LID46" rel="#L46">46</span>
<span id="LID47" rel="#L47">47</span>
<span id="LID48" rel="#L48">48</span>
<span id="LID49" rel="#L49">49</span>
<span id="LID50" rel="#L50">50</span>
<span id="LID51" rel="#L51">51</span>
<span id="LID52" rel="#L52">52</span>
<span id="LID53" rel="#L53">53</span>
<span id="LID54" rel="#L54">54</span>
<span id="LID55" rel="#L55">55</span>
<span id="LID56" rel="#L56">56</span>
<span id="LID57" rel="#L57">57</span>
<span id="LID58" rel="#L58">58</span>
<span id="LID59" rel="#L59">59</span>
<span id="LID60" rel="#L60">60</span>
</pre>
          </td>
          <td width="100%">
            
            
              <div class="highlight"><pre><div class="line" id="LC1"><span class="c">/*! Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net)</span></div><div class="line" id="LC2"><span class="c"> * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)</span></div><div class="line" id="LC3"><span class="c"> * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.</span></div><div class="line" id="LC4"><span class="c"> * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.</span></div><div class="line" id="LC5"><span class="c"> * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.</span></div><div class="line" id="LC6"><span class="c"> *</span></div><div class="line" id="LC7"><span class="c"> * Version: 3.0.2</span></div><div class="line" id="LC8"><span class="c"> * </span></div><div class="line" id="LC9"><span class="c"> * Requires: 1.2.2+</span></div><div class="line" id="LC10"><span class="c"> */</span></div><div class="line" id="LC11">&nbsp;</div><div class="line" id="LC12"><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">$</span><span class="p">)</span> <span class="p">{</span></div><div class="line" id="LC13">&nbsp;</div><div class="line" id="LC14"><span class="kd">var</span> <span class="nx">types</span> <span class="o">=</span> <span class="p">[</span><span class="s1">&#39;DOMMouseScroll&#39;</span><span class="o">,</span> <span class="s1">&#39;mousewheel&#39;</span><span class="p">];</span></div><div class="line" id="LC15">&nbsp;</div><div class="line" id="LC16"><span class="nx">$</span><span class="p">.</span><span class="nx">event</span><span class="p">.</span><span class="nx">special</span><span class="p">.</span><span class="nx">mousewheel</span> <span class="o">=</span> <span class="p">{</span></div><div class="line" id="LC17">&nbsp;&nbsp;<span class="nx">setup</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></div><div class="line" id="LC18">&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">if</span> <span class="p">(</span> <span class="k">this</span><span class="p">.</span><span class="nx">addEventListener</span> <span class="p">)</span></div><div class="line" id="LC19">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">for</span> <span class="p">(</span> <span class="kd">var</span> <span class="nx">i</span><span class="o">=</span><span class="nx">types</span><span class="p">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span><span class="o">;</span> <span class="p">)</span></div><div class="line" id="LC20">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">this</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span> <span class="nx">types</span><span class="p">[</span><span class="o">--</span><span class="nx">i</span><span class="p">]</span><span class="o">,</span> <span class="nx">handler</span><span class="o">,</span> <span class="kc">false</span> <span class="p">);</span></div><div class="line" id="LC21">&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">else</span></div><div class="line" id="LC22">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">this</span><span class="p">.</span><span class="nx">onmousewheel</span> <span class="o">=</span> <span class="nx">handler</span><span class="o">;</span></div><div class="line" id="LC23">&nbsp;&nbsp;<span class="p">}</span><span class="o">,</span></div><div class="line" id="LC24">&nbsp;&nbsp;</div><div class="line" id="LC25">&nbsp;&nbsp;<span class="nx">teardown</span><span class="o">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span></div><div class="line" id="LC26">&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">if</span> <span class="p">(</span> <span class="k">this</span><span class="p">.</span><span class="nx">removeEventListener</span> <span class="p">)</span></div><div class="line" id="LC27">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">for</span> <span class="p">(</span> <span class="kd">var</span> <span class="nx">i</span><span class="o">=</span><span class="nx">types</span><span class="p">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span><span class="o">;</span> <span class="p">)</span></div><div class="line" id="LC28">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">this</span><span class="p">.</span><span class="nx">removeEventListener</span><span class="p">(</span> <span class="nx">types</span><span class="p">[</span><span class="o">--</span><span class="nx">i</span><span class="p">]</span><span class="o">,</span> <span class="nx">handler</span><span class="o">,</span> <span class="kc">false</span> <span class="p">);</span></div><div class="line" id="LC29">&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">else</span></div><div class="line" id="LC30">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">this</span><span class="p">.</span><span class="nx">onmousewheel</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span></div><div class="line" id="LC31">&nbsp;&nbsp;<span class="p">}</span></div><div class="line" id="LC32"><span class="p">};</span></div><div class="line" id="LC33">&nbsp;</div><div class="line" id="LC34"><span class="nx">$</span><span class="p">.</span><span class="nx">fn</span><span class="p">.</span><span class="nx">extend</span><span class="p">({</span></div><div class="line" id="LC35">&nbsp;&nbsp;<span class="nx">mousewheel</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">fn</span><span class="p">)</span> <span class="p">{</span></div><div class="line" id="LC36">&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">return</span> <span class="nx">fn</span> <span class="o">?</span> <span class="k">this</span><span class="p">.</span><span class="nx">bind</span><span class="p">(</span><span class="s2">&quot;mousewheel&quot;</span><span class="o">,</span> <span class="nx">fn</span><span class="p">)</span> <span class="o">:</span> <span class="k">this</span><span class="p">.</span><span class="nx">trigger</span><span class="p">(</span><span class="s2">&quot;mousewheel&quot;</span><span class="p">);</span></div><div class="line" id="LC37">&nbsp;&nbsp;<span class="p">}</span><span class="o">,</span></div><div class="line" id="LC38">&nbsp;&nbsp;</div><div class="line" id="LC39">&nbsp;&nbsp;<span class="nx">unmousewheel</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">fn</span><span class="p">)</span> <span class="p">{</span></div><div class="line" id="LC40">&nbsp;&nbsp;&nbsp;&nbsp;<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">unbind</span><span class="p">(</span><span class="s2">&quot;mousewheel&quot;</span><span class="o">,</span> <span class="nx">fn</span><span class="p">);</span></div><div class="line" id="LC41">&nbsp;&nbsp;<span class="p">}</span></div><div class="line" id="LC42"><span class="p">});</span></div><div class="line" id="LC43">&nbsp;</div><div class="line" id="LC44">&nbsp;</div><div class="line" id="LC45"><span class="kd">function</span> <span class="nx">handler</span><span class="p">(</span><span class="nx">event</span><span class="p">)</span> <span class="p">{</span></div><div class="line" id="LC46">&nbsp;&nbsp;<span class="kd">var</span> <span class="nx">args</span> <span class="o">=</span> <span class="p">[].</span><span class="nx">slice</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span> <span class="nx">arguments</span><span class="o">,</span> <span class="mi">1</span> <span class="p">)</span><span class="o">,</span> <span class="nx">delta</span> <span class="o">=</span> <span class="mi">0</span><span class="o">,</span> <span class="nx">returnValue</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span></div><div class="line" id="LC47">&nbsp;&nbsp;</div><div class="line" id="LC48">&nbsp;&nbsp;<span class="nx">event</span> <span class="o">=</span> <span class="nx">$</span><span class="p">.</span><span class="nx">event</span><span class="p">.</span><span class="nx">fix</span><span class="p">(</span><span class="nx">event</span> <span class="o">||</span> <span class="nb">window</span><span class="p">.</span><span class="nx">event</span><span class="p">);</span></div><div class="line" id="LC49">&nbsp;&nbsp;<span class="nx">event</span><span class="p">.</span><span class="nx">type</span> <span class="o">=</span> <span class="s2">&quot;mousewheel&quot;</span><span class="o">;</span></div><div class="line" id="LC50">&nbsp;&nbsp;</div><div class="line" id="LC51">&nbsp;&nbsp;<span class="k">if</span> <span class="p">(</span> <span class="nx">event</span><span class="p">.</span><span class="nx">wheelDelta</span> <span class="p">)</span> <span class="nx">delta</span> <span class="o">=</span> <span class="nx">event</span><span class="p">.</span><span class="nx">wheelDelta</span><span class="o">/</span><span class="mi">120</span><span class="o">;</span></div><div class="line" id="LC52">&nbsp;&nbsp;<span class="k">if</span> <span class="p">(</span> <span class="nx">event</span><span class="p">.</span><span class="nx">detail</span>     <span class="p">)</span> <span class="nx">delta</span> <span class="o">=</span> <span class="o">-</span><span class="nx">event</span><span class="p">.</span><span class="nx">detail</span><span class="o">/</span><span class="mi">3</span><span class="o">;</span></div><div class="line" id="LC53">&nbsp;&nbsp;</div><div class="line" id="LC54">&nbsp;&nbsp;<span class="c">// Add events and delta to the front of the arguments</span></div><div class="line" id="LC55">&nbsp;&nbsp;<span class="nx">args</span><span class="p">.</span><span class="nx">unshift</span><span class="p">(</span><span class="nx">event</span><span class="o">,</span> <span class="nx">delta</span><span class="p">);</span></div><div class="line" id="LC56">&nbsp;</div><div class="line" id="LC57">&nbsp;&nbsp;<span class="k">return</span> <span class="nx">$</span><span class="p">.</span><span class="nx">event</span><span class="p">.</span><span class="nx">handle</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">args</span><span class="p">);</span></div><div class="line" id="LC58"><span class="p">}</span></div><div class="line" id="LC59">&nbsp;</div><div class="line" id="LC60"><span class="p">})(</span><span class="nx">jQuery</span><span class="p">);</span></div></pre></div>
            
          </td>
        </tr>
      </table>
    
  </div>


      </div>
    </div>
    
  


  </div>

      

      <div class="push"></div>
    </div>

    <div id="footer">
      <div class="site">
        <div class="info">
          <div class="links">
            <a href="http://github.com/blog/148-github-shirts-now-available">Shirts</a> |
            <a href="http://github.com/blog">Blog</a> |
            <a href="http://support.github.com/">Support</a> |
            <a href="http://github.com/training">Training</a> |
            <a href="http://github.com/contact">Contact</a> |
            <a href="http://groups.google.com/group/github/">Google Group</a> |
            <a href="http://develop.github.com">API</a> |
            <a href="http://twitter.com/github">Status</a>
          </div>
          <div class="company">
            <span id="_rrt" title="0.10534s from xc88-s00008">GitHub</span>&trade;
            is <a href="http://logicalawesome.com/">Logical Awesome</a> &copy;2009 | <a href="/site/terms">Terms of Service</a> | <a href="/site/privacy">Privacy Policy</a>
          </div>
        </div>
        <div class="sponsor">
          <a href="http://engineyard.com"><img src="/images/modules/footer/ey-rubyhosting.png" alt="Engine Yard" /></a>
        </div>
      </div>
    </div>

    <div id="coming_soon" style="display:none;">
      This feature is coming soon.  Sit tight!
    </div>

    
        <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    var pageTracker = _gat._getTracker("UA-3769691-2");
    pageTracker._initData();
    pageTracker._trackPageview();
    </script>

    
  </body>
</html>

