3

ユーザーがスクロールできないページを作成しようとしています（つまり、マウスホイール、スペース、カーソルダウンなどはありません）。サイト自体はスクロールできますが、特定のイベントが発生した場合、つまりボタンがトリガーされた場合、スクロールが発生するはずです。

ここでstackoverflowだけでなく、さまざまなフォーラムでも少し調査しました。これは不可能であり、disable-scroll-thing を実現する方法は次のようになるという噂がありました。overflow:hidden

まあ、これは私には間違っています: http://fk-agency.com/

これがどのように行われるか知っている人はいますか？

私の個人的なアプローチは次のとおりです。

高さがビューポート サイズのちょうど 100% であるサイトを作成し、CSS アニメーションまたは jQuery で他の div をスライドインします。しかし、私にはハックしているようです。

編集：

属性で試してみましたoverflow:hiddenが、スクロールがうまくいかないという問題がありました。

これは私のプロジェクトの実際の例ですが、必要なコードだけを除いて次のようになります。

例

そして、これはオーバーフローのないものです:hidden

例 2

編集＃2

理由はわかりませんが、突然機能します。

私は適用overflow: hiddenしてからbody、次のスクリプトを使用して、id を指定して要素にスクロールしました。すべて良い。この問題について言及してくれた lukasgeiter に感謝します。

脚本

function scroll(target){
// target should be like "#id"
        $('html, body').animate({
            scrollTop: $(target).offset().top
        }, 500);

    }
4

1 に答える 1

3

私にとってはそれが可能でしたoverflow:hidden;そしてこのサイトはまさにそのように行われます...これが十分でなく、スクロールホイール/矢印/スペースがまだ機能する場合は、さまざまなキーとスクロールホイールのハンドラーを設定してから、それらを使用e.preventDefault()またはreturn falseブロックする必要があります。

例えば：

$(window).on("mousewheel", function(e){
    e.preventDefault();
});
于 2013-01-02T12:57:17.687 に答える