2016-01-08 88 views
0

是他們的任何設計模板(像WordPress或引導)的聚合物具有滾動到下一格或前一格onscroll和動畫前面的DIV(如視差容器)的作用我想parallax-容器,但它有溢出我用過溢出:隱藏;但顯示不正確。然後我實現了這個功能,並在點擊向下和向上箭頭時調用。如何在聚合物實現這一

scroll_down() { 
    //dist = next element offsetTop 
smooth_scroll_to(el,dist, 2000); 
    //sliding previous div by adding animation name 
} 
    scroll_up(){ 
    //dist = previous element offsetTop 
smooth_scroll_to(el,dist, 2000); 
//sliding div by adding animation name 
    } 

當用戶點擊相同的按鈕多次或兩個按鈕它們搞亂(動畫和滾動),所以我尋找任何模板或任何組分的組合。我的div存在於紙頭面板

任何幫助表示讚賞,

謝謝內,

Babji。

+0

這可能有所幫助。 https://customelements.io/search/parallax – tkay

+0

我試過parallax容器,但它的水平滾動。我試圖讓溢出:隱藏;但是它顯示了z-index值較低的元素。 – Babji

+0

@Babji:[demo](http://winhowes.github.io/parallax-container/components/parallax-container/demo/)顯然是在垂直方向上垂直滾動。請參閱演示的源代碼以查找您的問題。 – jdepypere

回答

1

我已經更新了有關的視差容器元素與一個補丁,直到與WebKit的根本問題得到解決,以解決此問題。最新版本的視差容器元素是1.0.1 - 讓我知道是否有任何問題:)