javascript - ブラウザのスクロール動作をオーバーライドしますか?

Question

ブラウザーのスクロール機能をオーバーライドする必要があるユーザー インターフェイスのアイデアがあるので、スクロール アクション用に独自の動作を作成できます。

ユーザーがスクロールしたときにウィンドウがスクロールしないようにする方法はありますか?

Answer 1

あなたはこれを試すことができます

​$(window).scroll(function() {
   $(this).scrollTop(0);
});​​

デモ

Answer 2

以下を必要とするjQuery Scrollbarライブラリを使用してみることができます。

1. jQuery (バージョン 1.6+)
2. jQuery UI ウィジェット (ウィジェット ファクトリー用)

ライブラリはhttps://github.com/Naeka/jquery-scrollbarからダウンロードできます。ここにデモがあります。

スクロールバーのオプションは次のとおりです。

$("#scroll").scrollbar({
    classes: '',         // Extra classes for css styling
    wheel: 40,           // Scroll offset on mousewheel
    scroll: true,        // Allow / disallow mouse scrolling
    overlay: true,       // Scrollbars are overlaid
    autohide: true,      // Scrollbars are automatically hidden
    animate: {           // Scroll wheel animation - set to false to disable
        duration: 300,
        easing: 'swing'
    }
});

また、特定のイベントのページで特定の ID にスクロールできます。

$("#scroll").scrollbar("scrollTo", "#p");

scrollTo を使用するためのその他のオプションは次のとおりです。

scrollTo([offsetX, offsetY])
scrollTo(selector)
scrollTo(jQuery object)