Sha256: f016de31157fcf1c60873cc35294df11a913c21a8c8d51c3f1435b1e5d2b68f8
Contents?: true
Size: 1.63 KB
Versions: 11
Compression:
Stored size: 1.63 KB
Contents
<div class="example">
<p>
<a class="button" href="#" onclick="up.scroll(document.scrollingElement, document.getElementById('bottom').offsetTop, { behavior: 'smooth' }); return false">Scroll down with Unpoly</a>
<a class="button" href="#" onclick="document.scrollingElement.scrollTo({ top: document.getElementById('bottom').offsetTop, behavior: 'smooth' }); return false">Scroll down with native</a>
</p>
<h2>Long page</h2>
<div style="height: 2000px" id="content">
Content height:
<a href="#" onclick="document.getElementById('content').style.height = '100px'; return false">100px</a>
<a href="#" onclick="document.getElementById('content').style.height = '300px'; return false">300px</a>
<a href="#" onclick="document.getElementById('content').style.height = '600px'; return false">600px</a>
<a href="#" onclick="document.getElementById('content').style.height = '1000px'; return false">1000px</a>
<a href="#" onclick="document.getElementById('content').style.height = '3000px'; return false">3000px</a>
<a href="#" onclick="document.getElementById('content').style.height = '10000px'; return false">10000px</a>
<a href="#" onclick="document.getElementById('content').style.height = '90000px'; return false">90000px</a>
</div>
<p id="bottom">
<a class="button" href="#" onclick="up.scroll(document.scrollingElement, 0, { behavior: 'smooth' }); return false">Scroll up with Unpoly</a>
<a class="button" href="#" onclick="document.scrollingElement.scrollTo({ top: 0, behavior: 'smooth' }); return false">Scroll up with native</a>
</p>
<div style="height: 3000px">
<!-- rest -->
</div>
</div>
Version data entries
11 entries across 11 versions & 1 rubygems