Chức năng chấm trượt không hiển thị

Question

Tôi đang xây dựng trang web có thanh trượt ở trên cùng, tôi muốn sử dụng trình đơn thả xuống vì dường như rất dễ dàng.

Theo trang web, bạn chỉ nên sử dụng function- dots: true

tôi có đó, nhưng trượt của tôi không có bất kỳ slide.

The site where I'm trying to set things up.

(dự án trường học của nó)

Answer 1

Thử thêm một số CSS.

.dots { 
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom: 20px; 
    text-align: center; 
} 

.dots li { 
    display: inline-block; 
    width: 10px; 
    height: 10px; 
    margin: 0 4px; 
    text-indent: -999em; 
    border: 2px solid #fff; 
    border-radius: 6px; 
    cursor: pointer; 
    opacity: .4; 
    -webkit-transition: background .5s, opacity .5s; 
    -moz-transition: background .5s, opacity .5s; 
    transition: background .5s, opacity .5s; 
} 

.dots li.active { 
    background: #fff; 
    opacity: 1; 
} 

Answer 2

Chỉ cần vào tập tin unslider.css và thêm:

.unslider { 
    overflow: auto; 
    margin: 0; 
    padding: 0; 
    /*Added*/ 
    position: relative; 
} 

Và trong unslider-dots.css add:

/*added*/ 
.unslider-nav{ 
    position: absolute; 
    width: 100%; 
    bottom: 2%; 
} 

Bạn chỉ cần phải nói về kịch bản của bạn nav:true và dots:true .

Hy vọng nó cũng phù hợp với bạn.