jquery - 位置または div に基づいて水平スクロールを開始します

Question

水平スクロールを単一の div で、または (top > 1400) で動作させようとしています。基本的に、下にスクロールし、問題の div を見つけてから、水平にスクロールします。ただし、これにより、ページの上部にある要素がスクロールダウン時に右マージンで覆われるか、スクロールが完全に無効になります。

努力しています

$(function(){
   $("#art").wrapInner("<table cellspacing='30'><tr>");
   $("#info").wrap("<td></td>");
   $("#info").mousewheel(function(event, delta) {
      if (top > 1400) {
         this.scrollLeft += (delta * 30);
         event.preventDefault();
      }
      else {
         event.Default();
      }
   });   
});

---

<div id="art">
   <section id="info" data-type="background" data-speed="3" class="pages">
      ...  
   </section>
</div>

---

#info {
   background: url(time.JPG) 50% 0 repeat fixed; 
   min-height: 1000px;
   height: 730px;
   margin: 0 auto;
   width: 300%;
   max-width: 2000px;
   position: relative;
   cursor:help;
}

私はこれが厄介であることを知っています。私はこれをいくつかの異なる方法で機能させようとして手探りしてきました。

このマウスホイールの例から元のコードを取得しました http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/#comment-301955