圓滑的旋轉木馬幻燈片顯示在彼此的頂部

我試圖在我的單頁網站上使用圓滑的旋轉木馬作爲我的部分之一的100vh滑塊。圓滑的旋轉木馬幻燈片顯示在彼此的頂部

我用玉，browserify，青菜等，以下是輸出：

我簡化了HTML/CSS逼到背景顏色，但實際內容出了相同的。

正如你所看到的幻燈片顯示在彼此的頂部，他們也克隆。當您使用centerMode和無限設置時，我會閱讀那些光滑的克隆幻燈片。

這裏是我的代碼：

JADE：

section.services 
    .slick 
     .red 
     .green 
     .blue

SCSS：

section.services { 
    @extend .padding0; 
    @include bgcolor(#fff); 

    .slick, .slick * { 
     outline: none; 
    } 
} 

.red { 
    height: 100px; 
    background: red; 
} 

.blue { 
    height: 100px; 
    background: blue; 
} 

.green{ 
    height: 100px; 
    background: green; 
}

JS：

window.jQuery = window.$ = require('jquery'); 
slick = require('slick-carousel'); 

//DOM Ready 
$(function(){ 
    $('.slick').slick({ 
     slidesToShow: 1, 
     speed: 300, 
     autoplay: true, 
     dots: true 
    }); 
});

我在這裏失去了，希望你能及幫幫我。

來源

2016-04-28 Fer Salas

您的代碼正在工作。請檢查您是否包含所有必需的文件。請參閱此處的代碼 - https://jsfiddle.net/Bhumika107/bgmrhuso/ – Bhumika107

@ Developer107我的項目中沒有包含slick.scss。 Jeez ..謝謝你 –

我很高興幫助你:) – Bhumika107

slick.scss未被加載到項目中。

來源

2016-04-28 04:02:56

圓滑的旋轉木馬幻燈片顯示在彼此的頂部

回答

相關問題