如何在特定 div 加载站点
How do I load site at a specific div
我已经开始建立一个网站,基于这个 codpen 的结构:
我的问题是,我想让页面加载到最后一张幻灯片吗?
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();
我已经开始建立一个网站,基于这个 codpen 的结构:
我的问题是,我想让页面加载到最后一张幻灯片吗?
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();