Thursday, August 23, 2018

Thẻ html có thuộc tính posittion là fixed không hoạt động

Khi bạn đặt thuộc tính posittion của thẻ là "fixed" mà bạn thấy vị trí của nó không hoạt động giống như thông thường mà giống như "absolute" hơn, Hãy kiểm tra tất cả các thẻ cha của nó là đảm bảo không có thẻ nào có css như sau:
                       transformtranslateZ(0);
Đôi khi thuộc tính này được thêm vào để các css animation 3D hoạt động mượt hơn nhưng nó sẽ gây ra hiệu ứng phụ như trên.
Thay vào đó hãy dùng:
  -webkit-font-smoothing: antialiased


Using -webkit-transform: translate3d(0,0,0); will kick the GPU into action for the CSS transitions, making them smoother (higher FPS).
Note: translate3d(0,0,0) does nothing in terms of what you see. It moves the object by 0px in x,y and z axis. It's only a technique to force the hardware acceleration.

No comments:

Post a Comment