我正在尝试实现飞入/飞出的效果。
向下滚动-设置动画
向上滚动动画向外滚动
以获得与nizo网站类似的效果
我使用了我在Stackoverflow上找到的代码"Fade in element on scroll down using css“来确定元素是否在屏幕上、视口中,然后对其进行动画处理。
$(window).scroll(function () {
/* Check the location of each desired element */
$('.article').each(function (i) {
由于我对Javascript/Jquery/HTML5/CSS3还是个新手,我想我应该向你们所有更有经验的程序员提一个问题。
我有点卡在我的程序逻辑的开头。我想做一个具有视差“滚动”效果的网站,然而,该效果应该只发生在用户点击导航按钮在屏幕的边缘。
网站的布局如下所示:
O
OXO
O
“O”是内容div,"X“是”主页“(原点)。如果用户点击屏幕顶部的箭头(从原点),页面将向上滚动。任何其他方向都是如此。我想要一张机构的背景巨幅照片,它根据他们”滚动“到的特定内容div的位置,使用视差效果。
我已经绞尽脑汁两天了,试图弄清楚从哪里开始。任何帮助都将不胜感激,如果我需要更具体的东西