2015-04-08 53 views
0

我已經開始建立一個網站加載網站的基礎上,從這個codpen結構:我如何在一個特定的div

http://bit.ly/1DIHGSy

我的問題是,我想要的頁面加載到最後一張幻燈片?

A已經嘗試製作一個定位點,並將頁面加載到定位點,但沒有任何運氣。我也試圖使基於這篇文章的腳本:

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

再次白化任何運氣。有沒有人有關於如何解決這個問題的想法?

聲明:我不希望用戶感覺不到任何幻燈片或效果訪問此位置

回答

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(); 
+0

所以goToSlide($( '#滑動-7'));確實有效。謝謝 但是,當我嘗試升級函數接受持續時間參數時,幻燈片函數似乎不工作。 是否有其他方法可以繞過此問題? – cnos

+0

試試這一個:http://codepen.io/anon/pen/MYdxBd – robert

+0

現在它的工作原理 - 謝謝! – cnos

相關問題