Độ rộng thanh cuộn trong JavaScript
Độ rộng thanh cuộn phụ thuộc vào trình duyệt. Chúng ta có thể lấy giá trị của độ rộng này. Để làm điều đó, hãy tạo một phần tử có thể cuộn, nhưng không có đường viền và phần đệm bên trong:
let div = document.createElement('div');
Thêm một số kiểu cho nó:
div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';
Chèn phần tử vào tài liệu, nếu không, kích thước của nó sẽ bằng 0:
document.body.append(div);
Lấy kích thước của thanh cuộn:
let scrollWidth = div.offsetWidth - div.clientWidth;
Xóa phần tử:
div.remove();
Cho một nút bấm. Khi nhấp vào nút, hãy lấy độ rộng thanh cuộn trong trình duyệt của bạn.
