- 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">
<!--[if IE]>
<script src="https://raw.githubusercontent.com/aFarkas/html5shiv/master/dist/html5shiv.min.js"></script>
<![endif]-->
<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; /* рамка 25px */
padding: 20px; /* поля 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
Добавить комментарий