1

我正在尝试使用angular2-perfect-scrollbar.

我在 div 中使用它，它可以工作，但在 div 主滚动的末尾应该可以工作，它不工作。

当 div 的内容结束时，主滚动应该可以工作。

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { OptionsComponent } from './options/options.component';
import { InclusionsComponent } from './inclusions/inclusions.component';
import { PerfectScrollbarModule } from 'angular2-perfect-scrollbar';
import { PerfectScrollbarConfigInterface } from 'angular2-perfect-scrollbar';
@NgModule({
  declarations: [
    AppComponent,
    OptionsComponent,
    InclusionsComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    PerfectScrollbarModule.forRoot(PERFECT_SCROLLBAR_CONFIG)
  ],
  providers: [QuoteService],
  bootstrap: [AppComponent]
})
export class AppModule { }

包含.component.ts（我正在尝试使用完美滚动）

import { Component, OnInit } from '@angular/core';
import { PerfectScrollbarModule } from 'angular2-perfect-scrollbar';
import { PerfectScrollbarConfigInterface } from 'angular2-perfect-scrollbar';
@Component({
  selector: 'inclusions',
  templateUrl: './inclusions.component.html',
  styleUrls: ['./inclusions.component.css']
})
export class InclusionsComponent implements OnInit {
  constructor() {
   }
    ngOnInit() {
  }
}

包含.component.html

<div class="item active">
   <div class="row">
      <div class="container">
         <div class="col-md-4 col-xs-4 col-sm-4">
            <div class="inclusions_bx_detail">
               <div class="inclusions_bx_detail_title">
                  <div class="inclusions_bx_detail_title_icon">
                     <img src="assets/images/inclusions_icon1.jpg" alt="">
                  </div>
                  <h3>hotel stay information</h3>
                  <span>Accomodation And Dining</span>
               </div>
               <div class="inclusions_detail_img ">
                  <img src="assets/images/inclusions_img1.jpg" alt="">
               </div>
               <div class="inclusions_detail_img_info "  [perfect-scrollbar]="config">
                  <div class="inclusions_detail_img_info_in">
                     <img src="assets/images/inclusions_img_icon1.png" alt="">
                     <span>2 Nights in Pattaya (Day 1, 2)</span>
                  </div>
                  <div class="inclusions_detail_img_info_in">
                     <img src="assets/images/inclusions_img_icon1.png" alt="">
                     <span>2 Nights in Bangkok (Day 3, 4)</span>
                  </div>
                  <div class="inclusions_detail_img_info_in">
                     <img src="assets/images/inclusions_img_icon1.png" alt="">
                     <span>4 ABFs (Day 1, 2, 3 ,4)</span>
                  </div>
               </div>
            </div>
         </div>

      </div>
   </div>
</div>
4

0 回答 0