我正在尝试找出是否有像fullpage.js一样的滚动页面的解决方案。一页一页地滚动网站,上下滚动。
这与fullpage.js不同,因为它将页面滑动到不同的div,但我需要它在单个div中移动。
下面是我尝试过的代码:
<div> a very long text here..... </div>
Window.onscroll = function() {test()};
Function test(){ window.scrollby(0, 300) };
上面的代码只是向下滚动,它不会停止。它会一直向下滚动,直到页面底部。
那么,怎么做呢?
我包括了css3动画在滚动:动画是工作的。问题是动画不适用于滚动显示。我使用的是on电-scrol.js。这是我的身体:
<div class="main">
<section class="home animatedParent">
<h1 class="animated swing">I am Leon Laci</h1>
<h3 class="animated swing slower">Front End Web
问题:当显示数据高于窗口高度时,滚动将关闭图标移出页面。我想让它粘稠,这样你就可以选择关闭页面,而不滚动回顶部。
我尝试过将基金会6 .sticky示例加载到显示中,但我的尝试都没有成功。
这就是我认为应该工作的东西,它通过ajax加载到显示容器<div id="modal2" style="height: 100%"></div>中。不幸的是,关闭按钮只是滚动与内容。
<script>
// this script cannot be located in the layouts.js,
// becaus