StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.0 KiB
47 lines
1.0 KiB
4 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<script>
|
||
|
|
// delete window.IntersectionObserver;
|
||
|
|
</script>
|
||
|
|
<script src="intersection-observer.js"></script>
|
||
|
|
<script>
|
||
|
|
function init() {
|
||
|
|
function callback(entries, observer) {
|
||
|
|
Array.prototype.forEach.call(entries, function(entry) {
|
||
|
|
if (entry.intersectionRatio > 0) {
|
||
|
|
entry.target.classList.add('visible');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var observer = new IntersectionObserver(callback, { root: document.getElementById('outer') });
|
||
|
|
Array.prototype.forEach.call(document.querySelectorAll('#outer div'), function(el) {
|
||
|
|
observer.observe(el);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
window.addEventListener('load', init);
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
#outer {
|
||
|
|
overflow-y: hidden;
|
||
|
|
height: 2em;
|
||
|
|
border: 10px solid #0000;
|
||
|
|
}
|
||
|
|
#outer div {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
#el2 {
|
||
|
|
background: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="outer">
|
||
|
|
<div id="el1">Element 1</div>
|
||
|
|
<div id="el2">Element 2</div>
|
||
|
|
<div id="el3">Element 3</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|