Cuộn IntroJS không hoạt động

Question

Tôi đang sử dụng IntroJs trên trang của mình để hiển thị chuyến tham quan. Nói chung mọi thứ hoạt động tốt, nhưng có một vấn đề:

Trên một trang, IntroJS không thể cuộn, vì tôi có thứ gì đó giống như div, cuộn trên div, vì vậy không phải toàn bộ trang đang cuộn, nhưng div có thể cuộn được. Bây giờ khi tôi xác định các phần tử của chuyến tham quan trên các phần tử hiện có thể xem mọi thứ hoạt động tốt, nhưng nếu bạn phải cuộn xuống trong div, nó sẽ không hoạt động nữa (nó thực sự cố cuộn xuống toàn bộ trang và cho thấy các bước ở giữa hư không

Đây là cách tôi xác định các tour du lịch:.?

this.intro = introJsModule.introJs(); 
    this.intro.setOptions({ 
     steps: [ 
     { 
      intro: "Hello user!" 
     }, 
     { 
      element: '.checkbox', 
      intro: "This is a checkbox" 
     }, 
     { 
      element: '#inputHor1', 
      intro: "This input looks very nice." 
     }, 
     { 
      element: '#anotherID', 
      intro: "This is the first section" 
     } 
     ]}); 
    this.intro.setOption('showStepNumbers', false); 
    } 

    startIntro() { 
    this.intro.start(); 
    } 

có cách nào tôi có thể khắc phục điều đó

PS: những gì tôi có nghĩa là (có trên của tôi trang web) là một cái gì đó như here.Vì vậy, các phần bên phải là nơi tôi xác định các bước, và khi có sự cần thiết phải di chuyển xuống nó không hoạt động. Trên thực tế sự khác biệt duy nhất là, thanh cuộn của tôi cũng nằm trong "div bên phải", vì vậy tôi không cuộn trang tổng thể.

Answer 1

Chúng ta có thể thấy các js bạn đang sử dụng không?

đoán:

Sự kiện onscroll chỉ hoạt động nếu:

• Các div có overflow: auto, tràn: di chuyển, overflow-y: di chuyển, , vv
• Các div hiện có một thanh cuộn có thể nhìn thấy có thể cuộn.
• Chuyển động của chuột thực sự khiến thanh cuộn cuộn.

Bạn cũng có thể thử sử dụng các sự kiện onmousewheel thay vì onscroll (nếu đó là những gì bạn đang sử dụng ..)

Answer 2

giải quyết với #801

Xem chi tiết tại đây https://github.com/usablica/intro.js/pull/801