mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-09-27 13:01:03 +00:00
09be7fff0d
- added new scroll test - renamed original test (because now there are two manual tests for scrolling)
30 lines
842 B
HTML
30 lines
842 B
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Test Scroll Behavior</title>
|
|
<script src="../../src/htmx.js"></script>
|
|
</head>
|
|
<body style="padding:20px;font-family: sans-serif">
|
|
<script src="../../node_modules/sinon/pkg/sinon.js"></script>
|
|
<script src="../../src/htmx.js"></script>
|
|
<script src="../util/util.js"></script>
|
|
<script>
|
|
server = makeServer();
|
|
server.autoRespond = true;
|
|
server.respondWith("GET", "/more_divs", "<div>More Content</div>");
|
|
</script>
|
|
<h1>Scrolling Start/End Tests</h1>
|
|
|
|
<h3>End</h3>
|
|
<div hx-get="/more_divs" hx-swap="beforeend scroll:bottom" style="height: 100px; overflow: scroll">
|
|
Click To Add Content...
|
|
</div>
|
|
<hr/>
|
|
<h3>Start</h3>
|
|
<div hx-get="/more_divs" hx-swap="beforeend scroll:top" style="height: 100px; overflow: scroll">
|
|
Click To Add Content...
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|