如何在特定 div 加载站点

How do I load site at a specific div

我已经开始建立一个网站,基于这个 codpen 的结构:

http://bit.ly/1DIHGSy

我的问题是,我想让页面加载到最后一张幻灯片吗?

A 尝试制作一个锚点,并使页面加载到锚点,运气不佳。我也尝试根据这个post制作一个脚本:

jQuery: how to scroll to certain anchor/div on page load?

再次擦掉任何运气。有人知道如何解决这个问题吗?

注意:我不希望用户在到达此位置时感觉到任何滑动或效果

您在第一张幻灯片的第 27 行调用 goToSlide($currentSlide);,而不是:

goToSlide($('#slide-7'));

但是您将拥有滑动动画,因此您可以升级函数以接受持续时间参数:

function goToSlide($slide, duration)
{

    if(typeof(duration) === 'undefined'){
       duration = 1;
    }

    //...

        TweenLite.to($slidesContainer, duration, {scrollTo: {y: pageHeight * $currentSlide.index() }, onComplete: onSlideChangeEnd, onCompleteScope: this});

    // ...
}

然后在第 27 行:

goToSlide($('#slide-7'), 0)

或者当你定义变量时更好:

var $currentSlide = $slides.first();

放在最后一张幻灯片:

var $currentSlide = $slides.last();