[英]Scroll through multiple divs from anchor to anchor
我有另一个问题。 最近,我正在尝试建立一个包含三个div的页面。 它们每个的高度为100vh,宽度为100vw。 我要存档的是,如果我在div 1中滚动,它将自动平滑地滚动到div 2的顶部。依此类推。 我希望你能理解我的问题。
div { width: 100vw; height: 100vh; } div:nth-child(odd) { background-color: green; } div:nth-child(even) { background-color: red; }
<div class="div1"></div> <div class="div2"></div> <div class="div3"></div>
您可以使用fullpage.js
new fullpage('#fullpage', { scrollOverflow:true });
.section:nth-child(odd) { background-color: green; } .section:nth-child(even) { background-color: red; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.7/fullpage.min.js" integrity="sha256-e13jRNqOX98m6UAwI/yZTpcDseJtA8s86yfFs4Sqrv8=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.7/vendors/scrolloverflow.min.js" integrity="sha256-R7CttZ4L0/szai0hbFUlPDiRaEJmqYuvLhyAOr19vQg=" crossorigin="anonymous"></script> <div id="fullpage"> <div class="section">Some section</div> <div class="section">Some section</div> <div class="section">Some section</div> <div class="section">Some section</div> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.