Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <STYLE_PLACEHOLDER_2/> </head> <body> <h1>Thay đổi thuộc tính cuộn-padding-block-start bằng JavaScript</h1> <p>Trước tiên hãy thử cuộn để xem cách thực hiện các phần tử con khớp vào vị trí khi bắt đầu vùng chứa theo hướng khối.</p> <p>Bây giờ, hãy nhấp vào nút, nhấp vào bên trong vùng chứa và xem hành vi cuộn đã thay đổi như thế nào. Các phần tử vẫn bám vào phần đầu của vùng chứa như trước đây, nhưng giờ đây có khoảng cách 20px theo hướng khối từ điểm bắt đầu của vùng chứa đến các phần tử con.</p> <button onclick="myFunction()">Hãy thử</button > <div id="container"> <div class="blue"></div> <div class="green"></div> <div class="blue"></div> <div class=" xanh"></div> <div class="blue"></div> <div class="green"></div> <div class="blue"></div> </div> <SCRIPT_PLACEHOLDER_8/ > </body> </html>