0

ウィンドウスクロールとナビゲーションクリックで視差スクロールを行う必要があります。ナビゲーションクリックページでは、ターゲットを表示するために上にアニメーション化されています。

ページがターゲット位置の上部にアニメーション化されているときに、クリック時にウィンドウ スクロール ユニットを取得する方法。

/* このコードで、ウィンドウのスクロール ユニットを取得しようとしています */

$glob(document).ready(function() {
                $glob("#lookbook_navi a").bind("click",function(event){
                    event.preventDefault();
                    var target = $glob(this).attr("href");

                    var objWindow = $glob(window);

                    $window = $glob(window);
                    alert($window.scrollTop()); 

                    $glob("#page").animate({
                        "top": -($glob(target).position().top)
                    }, animSpeed);



                });
            });

/このコードで、ウィンドウのスクロールの単位を取得しています.. /

$glob(document).ready(function(){
                // Cache the Window object
                $window = $glob(window);

               $glob('div[data-type="lookBookTab"]').each(function(){
                    var $bgobj = $glob(this); // assigning the object

                    $glob(window).scroll(function() {

                        // Scroll the background at var speed
                        // the yPos is a negative value because we're scrolling it UP!                              
                        var yPos = -($window.scrollTop() / $bgobj.data('speed')); 

                        // Put together our final background position
                        var coords = '50% '+ yPos + 'px';

                        // Move the background
                        $bgobj.css({ backgroundPosition: coords });

                    }); // window scroll Ends
                });
4

1 に答える 1

0

これを試してみてください

$('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = this.hash,
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 500, 'swing', function () {
            window.location.hash = target;
        });
    });
于 2013-08-15T11:40:31.953 に答える