0

ScrollTo 插件真的很烦人。

该网页是: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) 是一个插件,它可以让你构建单页网站,其中的部分占据整个屏幕。该插件为您提供在新部分可见并处理捕捉时调用的回调,因此您可以使用自定义导航菜单或更多功能轻松扩展它。

于 2013-05-23T09:43:22.960 回答