最近、このウェブサイトhttp://www.ascensionlatorre.com/homeに出会いました。マウス ホイールのスクロールの仕組みが気に入っています。イージングは非常にスムーズです。
Googleで検索していますが、似たようなものは見つかりません。
この効果をjQueryで複製する方法について何か提案はありますか?
84746 次
5 に答える
24
私も最近この問題に遭遇しました、そして私はそれに対する多くのサポートを見つけていなかったので、私はすぐに問題を忘れました。数か月後、スムーズなスクロールのより良い例を見たので、彼らが使用しているJavaScriptファイルを調べてみると、NiceScrollというjQueryファイルを使用していることがわかりました。
これが私たち両方が探していたものだと思います。iOSのスクロールによく似た、divやiframeなどのシンプルでスムーズなスクロールです。
于 2012-09-13T18:59:27.053 に答える
8
http://areaaperta.com/nicescroll/
それは間違いなくチェックアウトするスクリプトです。カスタムスクロールバーが追加されていますが、cssで編集できる見栄えの良いものです。
編集 私は動作中のデモを持っていましたが、ホスティングとドメインの変更のためにそれを削除しました、それについて申し訳ありません。
于 2013-02-02T20:34:47.690 に答える
5
あなたと同じ質問があります。私はあなたが提供したウェブサイトにアクセスし、答えを見つけました!
彼らは jquery.mousewheel.js を使用しており、Chrome のコンソールを使用してスクリプトを見つけることができます。「マウスホイール」で検索すると、「スクロール」という機能が見つかります。スムーズなスクロールの理由は、jquery の animate を使用せず、javascript の setInternal を使用して作成したためです。コードから学ぶことができます。
私はあなたがそれを作ることができると信じています。
于 2012-09-11T13:16:45.180 に答える
5
わかりました、私はいくつかの資料であなたのリクエストを手伝ってみます. 私はこのチュートリアルを自分で見つけました。あなたにとっても役立つことを願っています. これは、参照しているサイトの基本を形成します: http://johnpolacek.github.com/scrollorama/
于 2012-02-04T17:14:06.650 に答える
2
私はコードに飛び込んでいませんが、CSS3 トランジションを使用していると思われます。
transition: all 1s
あなたの要素（もちろんプレフィックス付きのベンダー）で、視差効果からアニメーションを滑らかにします。
scrollWheel の動作をオーバーライドし、各目盛りを決められた量だけページを下に移動させたようです。それが私が少なくともこれにアプローチする方法です。
于 2013-03-26T22:57:14.307 に答える