1
2
3
4
5
6
7
8
9
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
45
46
47
48
49
50
51
52
53
54
| <html>
<head>
<title>Test</title>
<style>
* {
font-size: 13px;
font-family: Arial;
}
.kolom {
height: 500px;
border: 1px solid #000000;
padding: 5px;
margin: 10px;
float: left;
}
.A {
overflow: auto;
width: 310px;
}
.B {
overflow: hidden;
width: 292px;
}
</style>
<script type="text/javascript">
function scrollen(obj, blok)
{
document.getElementById(blok).scrollTop = document.getElementById(obj.id).scrollTop;
}
</script>
</head>
<body>
<div class="kolom A" id="blokA" onscroll="scrollen(this, 'blokB')">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut pellentesque, tellus non consectetuer semper, justo enim rutrum ante, sed euismod nibh urna in urna. Fusce sed justo ac pede interdum volutpat. Quisque convallis augue vel nibh. Nullam augue. Sed risus. Fusce porttitor congue tortor. In tincidunt ultrices ante. In hac habitasse platea dictumst. Morbi imperdiet quam non urna. Duis massa libero, sagittis quis, posuere ut, porttitor non, augue. Praesent interdum rhoncus arcu. Maecenas aliquet erat non lacus. Donec luctus rhoncus nibh. Sed facilisis faucibus mi. Maecenas neque tortor, elementum nec, tincidunt non, tristique quis, pede. Vestibulum sed elit. Nam sed justo. Nulla facilisi. Integer congue urna a elit. Sed pellentesque quam quis nulla.</p>
<p>Integer tristique volutpat ligula. Quisque bibendum dictum diam. Donec pulvinar varius massa. Nam posuere est non pede. Vivamus ligula magna, tempor eget, pharetra a, placerat sed, ligula. Nullam blandit risus ut tellus. Vivamus mollis. Morbi tincidunt ullamcorper metus. Nulla a leo id purus dapibus interdum. Nulla purus. Fusce id ante ac elit vulputate luctus. Mauris dignissim, mauris non dapibus cursus, leo pede dapibus ligula, a congue enim nibh quis purus. Sed sit amet eros. Praesent blandit, diam eget aliquet ullamcorper, pede metus dignissim wisi, non fringilla risus pede sed metus. Morbi vitae velit et leo commodo ullamcorper. Nullam auctor, ipsum at fringilla vehicula, mi est sagittis tortor, ut pretium elit lacus ut ante. Pellentesque venenatis sodales justo. Aenean dapibus eros in tellus. Cras varius ultricies leo. Integer a elit nec dolor luctus tempor.</p>
<p>Etiam venenatis auctor nisl. Praesent convallis. Vestibulum rhoncus consectetuer orci. Cras nec dui vitae leo tristique pretium. Nam lacus libero, lacinia non, condimentum vitae, interdum vel, est. Sed hendrerit leo vitae leo. Nunc eu magna. Cras blandit. Cras gravida, nulla a dictum volutpat, lectus augue condimentum magna, eget faucibus justo sem in ante. Nunc cursus. Duis dapibus enim. Morbi congue.</p>
<p>Cras sodales. Aenean tincidunt, sem in sodales aliquet, orci est sagittis nunc, eu vestibulum eros nunc non tortor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam faucibus nulla et purus. Sed sed quam. Nunc quis dui vel wisi ornare faucibus. Proin pharetra bibendum nisl. Suspendisse mattis mi quis diam. Nullam gravida fringilla nibh. Quisque tellus diam, porta quis, porttitor in, viverra nec, lorem.</p>
<p>Mauris eros neque, gravida sit amet, blandit in, auctor vel, libero. Donec nec arcu sit amet mauris porta facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas vehicula pharetra nunc. Proin nec wisi. Morbi convallis lectus a massa. Cras justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer risus. Suspendisse potenti. Integer pretium pulvinar ligula. Proin viverra arcu at mauris. Proin posuere sollicitudin nunc. Nulla facilisi. Nulla non magna. Phasellus molestie vulputate sem. Maecenas laoreet volutpat turpis.</p>
</div>
<div class="kolom B" id="blokB">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut pellentesque, tellus non consectetuer semper, justo enim rutrum ante, sed euismod nibh urna in urna. Fusce sed justo ac pede interdum volutpat. Quisque convallis augue vel nibh. Nullam augue. Sed risus. Fusce porttitor congue tortor. In tincidunt ultrices ante. In hac habitasse platea dictumst. Morbi imperdiet quam non urna. Duis massa libero, sagittis quis, posuere ut, porttitor non, augue. Praesent interdum rhoncus arcu. Maecenas aliquet erat non lacus. Donec luctus rhoncus nibh. Sed facilisis faucibus mi. Maecenas neque tortor, elementum nec, tincidunt non, tristique quis, pede. Vestibulum sed elit. Nam sed justo. Nulla facilisi. Integer congue urna a elit. Sed pellentesque quam quis nulla.</p>
<p>Integer tristique volutpat ligula. Quisque bibendum dictum diam. Donec pulvinar varius massa. Nam posuere est non pede. Vivamus ligula magna, tempor eget, pharetra a, placerat sed, ligula. Nullam blandit risus ut tellus. Vivamus mollis. Morbi tincidunt ullamcorper metus. Nulla a leo id purus dapibus interdum. Nulla purus. Fusce id ante ac elit vulputate luctus. Mauris dignissim, mauris non dapibus cursus, leo pede dapibus ligula, a congue enim nibh quis purus. Sed sit amet eros. Praesent blandit, diam eget aliquet ullamcorper, pede metus dignissim wisi, non fringilla risus pede sed metus. Morbi vitae velit et leo commodo ullamcorper. Nullam auctor, ipsum at fringilla vehicula, mi est sagittis tortor, ut pretium elit lacus ut ante. Pellentesque venenatis sodales justo. Aenean dapibus eros in tellus. Cras varius ultricies leo. Integer a elit nec dolor luctus tempor.</p>
<p>Etiam venenatis auctor nisl. Praesent convallis. Vestibulum rhoncus consectetuer orci. Cras nec dui vitae leo tristique pretium. Nam lacus libero, lacinia non, condimentum vitae, interdum vel, est. Sed hendrerit leo vitae leo. Nunc eu magna. Cras blandit. Cras gravida, nulla a dictum volutpat, lectus augue condimentum magna, eget faucibus justo sem in ante. Nunc cursus. Duis dapibus enim. Morbi congue.</p>
<p>Cras sodales. Aenean tincidunt, sem in sodales aliquet, orci est sagittis nunc, eu vestibulum eros nunc non tortor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam faucibus nulla et purus. Sed sed quam. Nunc quis dui vel wisi ornare faucibus. Proin pharetra bibendum nisl. Suspendisse mattis mi quis diam. Nullam gravida fringilla nibh. Quisque tellus diam, porta quis, porttitor in, viverra nec, lorem.</p>
<p>Mauris eros neque, gravida sit amet, blandit in, auctor vel, libero. Donec nec arcu sit amet mauris porta facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas vehicula pharetra nunc. Proin nec wisi. Morbi convallis lectus a massa. Cras justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer risus. Suspendisse potenti. Integer pretium pulvinar ligula. Proin viverra arcu at mauris. Proin posuere sollicitudin nunc. Nulla facilisi. Nulla non magna. Phasellus molestie vulputate sem. Maecenas laoreet volutpat turpis.</p>
</div>
</body>
</html> |
:strip_exif()/u/26675/circle-arrow-60x60.gif?f=community){kind=icon}
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
