我已经开始建立一个网站,基于这个码头的结构:
我的问题是,我希望页面加载到最后一张幻灯片吗?
A试图制作一个锚点,并将页面加载到锚点,使运气变白。我也尝试根据这篇文章制作一个脚本:
jQuery: how to scroll to certain anchor/div on page load?
再次大肆宣传运气。有人知道如何解决这个问题吗?
注意:我不希望用户在到达此位置时感觉到任何幻灯片或效果
答案 0 :(得分: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();