javascript - 如何在点击时获得窗口滚动单元..当页面动画到目标位置的顶部时

Question

我需要在窗口滚动和导航点击上进行视差滚动。在导航点击页面中，顶部动画显示目标。

当页面动画到目标位置的顶部时，如何在单击时获取窗口滚动单元。

/*使用这段代码我试图获取窗口滚动单元*/

$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
                }); 

Answer 1

试试这个

$('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;
        });
    });