0

ScrollTo プラグインには本当に厄介な問題があります。

Web ページは次のとおりです。http://webdizajntest.com/amphiro

ご覧のとおり、マウスホイールをトリガーするイベントを使用して、次および前の div にスクロールするある種の垂直スクロール ホームページを作成しました。

何かを変更するまではすべて完璧に機能していましたが (何が何なのかわかりません)、今ではマウスホイールを押したときにのみ機能します! マウスホイールを上げても、まだスクロールダウンしています。

明確にするために、この種のスクロールが必要です: http://www.beoplay.com/Products/BeoplayA8

これを達成するために使用するコードは次のとおりです。

jQuery(document).ready(function() {     

    var $current, flag = false; 

    jQuery(function() {          
        jQuery('body').mousewheel(function(event, delta) {
            if (flag) { return false; }
            $current = jQuery('div.current');

            console.log(delta);
            console.log($current);

            if (delta < 0) {
                $prev = $current.prev();

                if ($prev.length) {
                    flag = true;

                    /* Ako je prvi */
                    if($current.attr('id') == "home-first"){
                        $prev = jQuery("#top-home");
                    }

                    if($current.attr('id') == "top-home"){
                        $prev = $current;
                    }

                    if($current.attr('id') == "vision-technology"){
                        jQuery('body').scrollTo('#top-home', 1000, {
                            onAfter : function(){
                                flag = false;
                            }
                        });
                    }
                    else{
                        jQuery('body').scrollTo($prev, 1000, {
                            onAfter : function(){
                                flag = false;
                            }
                        });
                    }

                    $current.removeClass('current');
                    $prev.addClass('current');
                }

            } else {
                $next = $current.next();

                if ($next.length) {
                    flag = true;

                    /* Ako je poslednji */
                    if($current.attr('id') == "next3"){
                        $next = $current;
                    }

                    /* Ako je prvi */
                    if($current.attr('id') == "top-home"){
                        $next = jQuery("#vision-technology");
                    }


                    jQuery('body').scrollTo($next, 1000, {
                        onAfter : function(){
                            flag = false;
                        }
                    });
                    $current.removeClass('current');
                    $next.addClass('current');
                }
            }

            event.preventDefault();
        });
    });

助けてください！！！！

4

1 に答える 1

0

このプラグインを見てみましょうhttp://nick-jonas.github.io/windows/ Windows (github) は、画面全体を占めるセクションを持つ単一ページの Web サイトを構築できるプラグインです。このプラグインは、新しいセクションが表示されたときに呼び出されるコールバックを提供し、スナップを処理するため、カスタム ナビゲーション メニューなどで簡単に拡張できます。

于 2013-05-23T09:43:22.960 に答える