HƯỚNG DẪN THÊM THUỘC TÍNH IMPORTANT CHO THUỘC TÍNH CSS BẰNG JQUERY
https://itlovedesign.blogspot.com/2018/09/huong-dan-them-thuoc-tinh-important-cho.html
Khi bạn muốn làm một menu có background trong suốt như hình bên dưới thì sử dụng thuộc tính background: transparent!important trong file css để định dạng cho nó
Vấn đề tiếp theo khi mình scroll cửa sổ trình duyệt thì mình muốn background menu đó sẽ đổi màu, nếu dùng jquery để bắt sự kiện scroll thì ta sẽ có code như sau
Nhưng khi ta scroll trình duyệt thì background menu vẫn không đổi màu được, lý do là ta đã set background trong file css là important rồi, viết kiểu như trên dù thêm important vẫn ko đổi được
Để xử lý điều này ta sẽ sử dụng vòng lặp và sử dụng this.style.setPropertys để thêm thuộc tính important cho class css nhằm để ghi đè lên cái background:transparent!important đã có trong file css
Kết quả khi scroll trình duyệt thì background menu đã được thay đổi
Bài viết sử dụng Boostrap 4
Vấn đề tiếp theo khi mình scroll cửa sổ trình duyệt thì mình muốn background menu đó sẽ đổi màu, nếu dùng jquery để bắt sự kiện scroll thì ta sẽ có code như sau
Nhưng khi ta scroll trình duyệt thì background menu vẫn không đổi màu được, lý do là ta đã set background trong file css là important rồi, viết kiểu như trên dù thêm important vẫn ko đổi được
Để xử lý điều này ta sẽ sử dụng vòng lặp và sử dụng this.style.setPropertys để thêm thuộc tính important cho class css nhằm để ghi đè lên cái background:transparent!important đã có trong file css
Kết quả khi scroll trình duyệt thì background menu đã được thay đổi
Bài viết sử dụng Boostrap 4
