如何在特定 div 加载网站

Question

我已经开始建立一个网站，基于这个代码笔的结构：

http://bit.ly/1DIHGSy

我的问题是，我希望页面加载到最后一张幻灯片上？

A 试图创建一个锚点，并使页面加载到该锚点，但没有运气。我也尝试根据这篇文章制作一个脚本：

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

再次抹去运气。有没有人知道如何解决这个问题？

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

Answer 1

您在第 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();