async function test() { var scrollableDiv = document.getElementById("scrollable");
let scrollPromise = new Promise(resolve => {
scrollableDiv.addEventListener("scroll", resolve, {once: true});
});
var dragFinisher = await promiseVerticalScrollbarDrag(scrollableDiv);
if (!dragFinisher) {
ok(true, "No scrollbar, can't do this test");
return;
}
// the events above might be stuck in APZ input queue for a bit until the
// layer is activated, so we wait here until the scroll event listener is
// triggered.
await scrollPromise;
await dragFinisher();
// Flush everything just to be safe
await promiseOnlyApzControllerFlushed();
// After dragging the scrollbar 20px on a 200px-high scrollable div, we should
// have scrolled approx 10% of the 2000px high content. There might have been
// scroll arrows and such so let's just have a minimum bound of 50px to be safe.
ok(scrollableDiv.scrollTop > 50, "Scrollbar drag resulted in a scroll position of " + scrollableDiv.scrollTop);
}
</script>
</head>
<body>
<div id="scrollable">
<div class="content">Some content inside the inactive scrollframe</div>
</div>
<div class="content">Some content to ensure the root scrollframe is scrollable and the overflow:scroll div remains inactive</div>
</body>
</html>
Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.
Bemerkung:
Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.
