完全なマウススクロール（ドラッグスクロールのようにドラッグします）

Question

私はどこでも検索しましたが、私に合ったものは何も見つかりませんでした。

私はこのサイト上のような何かをしたいと思います：

http://fromtheroughmovie.com

私は（800キロバイト！）JSに見てきた、と私は見ることができるものから、こっそり方にスクロールするscrollToを使用しています要素はマウスの位置に依存します。

私は見つけることができる最も近いのスクリプトは、このでした：http://scripterlative.com/files/cursordivscroll.htm しかし、それはエッジに向けて（私は、優れたサイズで試すためにそれをハッキングしたが、それはChromeで吃音）ときにのみスクロールします。

誰もが完全なマウススクロールを行う方法を知っていますか（divは4000px大きく、6つの大きなdivは絶対として位置付けられます）。私はたくさんのことを試しましたが、これは今のところどこにも通じません。

さらに詳しい情報が必要な場合は、尋ねてください。

ありがとうございます。

Answer 1

このプラグインを見ましたか？

http://demos.flesler.com/jquery/scrollTo/

これは、スクロール機能をたくさんのきれいな適応のプラグインです。それは 'scrollTo'と呼ばれる関数を使用します。これはおそらくあなたがそのサイトのコードで見たものでしょうか？

Answer 2

scripterlativeのサンプルコードでは、スクロール領域を端のまわりから調整することができます。あなたが50あること、それが助けかどうかを確認するために、第2のparamを変更することができます

new CursorDivScroll('userComment', 20, 10); 

：たとえば、20％の境界に設定されています。

元のサイトについては、javascriptを整理してどのように動作するかを確認する必要があります。ページの内容はAJAX経由で読み込まれます。関数runTransition（ページ）を検索します。これは、イントロの後の「ホーム」ページを引っ張ります。そこからhttp://www.fromtheroughmovie.com/js/main-home.js

、あなたはどのようにキャスト画像がスクロールされている見ることができます：このコンテンツはJavaScriptをより有用ビットが含まれているハードワークをしてJavascriptをjQueryのアニメーションのようです

<div id="home-mosaic"> 
    <ul> 
     <li id="cast-image1">...</li> 
    <ul> 
</div> 

：

$("#home-mosaic > ul > li").mouseenter(function() { 
    $(this).find("div.home-mosaic-separation").animate({'width': (currentWidth*0.20) + 'px', 'left': (currentWidth*0.40) + 'px'}, 400); 
}); 

$("#home-mosaic > ul > li").mouseleave(function() { 
    $(this).find("div.home-mosaic-separation").css({'width': (currentWidth*0.02) + 'px', 'left': (currentWidth*0.49) + 'px'}); 
}); 

希望がある！