- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="css/style.css">
<style>
article, aside, details, figcaption, figure, footer,header,
hgroup, menu, nav, section { display: block; }
</style>
</head>
<body>
<div id="example">
Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test. Test test test test test.
</div>
<style>
#example {
width: 300px;
height: 200px;
border: 25px solid #E8C48F;
padding: 20px;
overflow: auto;
}
</style>
<input type="button" value="Размер снизу" onclick="below()">
<input type="button" value="Ширина полосы прокрутки" onclick="widthScroll(example)">
<script>
function below() {
alert(example.scrollHeight-example.scrollTop-example.clientHeight);
}
function widthScroll(elem) {
alert((elem.offsetWidth-(elem.clientLeft*2))-elem.clientWidth+'px');
}
</script>
</body>
</html>
Комментарии (0) RSS
Добавить комментарий