靜態/固定柱或帶bxSlider的滑塊？

Question

我正在使用bxSlider &想要在左側不滑動的靜態或固定列。什麼是完成這個最好的方法？

Answer 1

我猜這是很難將其添加到插件。您可能可以將bxslider內容添加到相對定位的容器中。將靜態內容置於滑塊上絕對位置。

增加了一個例子小提琴。 http://jsfiddle.net/sreecheck/27pmxv22/2/

.outer{ 
    position:relative; 
} 
div.noslide{ 
    position:absolute; 
    left:10%; 
    top:30%; 
    height:100px; 
} 

<div class="outer"> 

<ul class="bxslider"> 
    <li class="slide"><div>Slide 1</div></li> 
    <li class="slide"><div>Slide 2</div></li> 
    <li class="slide"><div>Slide 3</div></li> 
</ul> 
    <div class="noslide">Static</div> 
</div> 

我猜你會已經嘗試過這一點。不是最乾淨的，但希望這有助於。