<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<style>
body{
padding:0;
margin:0;
}
div{
border:50px solid #1065e6;
padding:50px;
margin:50px;
}
#target{
width:100px;
height:2000px;
}
</style>
<div>
<div id="target">
Coding
</div>
</div>
<script>
var t = document.getElementById('target');
setInterval(function(){
console.log('getBoundingClientRect : ', t.getBoundingClientRect().top, 'pageYOffset:', window.pageYOffset);
}, 1000)
</script>
</body>
</html>
SetInterval 이것은
1번째 인자의 부분을
2번째 인자의 시간으로 계속 불어온다
'HTML 참고서 > HTML 생활코딩 Youtube' 카테고리의 다른 글
| 19.JavaScript property (0) | 2020.04.17 |
|---|---|
| 18.JavaScript Inline (0) | 2020.04.17 |
| 16.JavaScript NodeText (0) | 2020.04.17 |
| 15.JavaScript Node API (0) | 2020.04.16 |
| 14. JavaScript Node (0) | 2020.04.16 |
Or71nH