Bx Slider làm cho các yếu tố khác trên trang đang di chuyển (trên Chrome)

Question

Tôi đã tìm thấy lỗi trên 2 trang web: như đã nói trong tiêu đề, khi trang trình bày đang chạy, một số yếu tố khác trong trang đang di chuyển cùng một lúc. Kiểm tra trang này:

http://www.cosmosupplylab.com/

cuộn xuống trên trang để phần Team, một số bức chân dung đang di chuyển cùng một lúc thanh trượt được sa thải. Điều này cũng xảy ra trên phần Chuyên môn và các địa điểm khác trên trang (một số hình ảnh, chỉ một từ trong một đoạn văn, một số ...)

Hành vi thực sự lạ, nếu bạn có ý tưởng là lý do, cảm ơn rất nhiều!

Answer 1

Tôi không biết lý do nhưng tôi chỉ gặp phải vấn đề tương tự.

Tôi nhận thấy rằng tất cả các phần tử bị ảnh hưởng đều được định vị "tương đối" vì vậy tôi đã cố thay đổi chúng. Tôi đã thử tuyệt đối, nó cố định vấn đề nhưng mâu thuẫn với thiết kế của tôi.

Tôi đã giải quyết nó bằng cách làm cho tất cả các yếu tố bị ảnh hưởng là vị trí: tĩnh.

* Các phần tử nổi bị ảnh hưởng vẫn di chuyển, tôi khuyên bạn nên làm cho chúng tuyệt đối nếu chúng là phần tử đơn lẻ. : D

Answer 2

Tôi có 'giải pháp' cho bất kỳ ai khác có vấn đề này.

Các yếu tố nhảy là kết quả của trình duyệt bằng hoạt ảnh CSS.

Để có cách nhanh chóng ngăn chặn hành vi này, hãy đặt tùy chọn 'useCSS' thành false.

Tôi không vui cho thấy điều này vì tôi thích nhiều hoạt ảnh CSS hơn - nhưng nó hoạt động.

Answer 3

Tôi đã có hành vi tương tự trong Google Chrome và đã khắc phục sự cố bằng cách thêm thông tin sau vào CSS của tôi.

.bx-viewport { 
    -webkit-transform: translatez(0); 
    -moz-transform: translatez(0); 
    -ms-transform: translatez(0); 
    -o-transform: translatez(0); 
    transform: translatez(0); 
}