Thuộc tính HTML Window screenTop trả về tọa độ dọc của cửa sổ so với màn hình. Nó không được hỗ trợ bởi trình duyệt firefox.
Cú pháp
Sau đây là cú pháp -
window.screenTop
Hãy để chúng tôi xem một ví dụ về HTML Window screenTop Property -
Ví dụ
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
text-align: center;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
.show {
font-size: 1.2rem;
}
</style>
<body>
<h1>HTML Window screenTop Property Demo</h1>
<button onclick="display()" class="btn">Show screenTop value</button>
<div class="show"></div>
<script>
function display() {
document.querySelector('.show').innerHTML = 'The vertical coordinate of the window relative to the screen is: ' + window.screenTop + 'px';
}
</script>
</body>
</html> Đầu ra
Nhấp vào “ Hiển thị giá trị trên màn hình ”Để hiển thị tọa độ dọc của cửa sổ so với màn hình:
