视差滚动图像超出视野
parallax scrolling image out of view
我正在做一个小小的课外项目来加强我的html5/css3/jquery知识,我正在使用视差滚动,但我似乎无法让底部图像滚动到视图中。它似乎卡在上面的后面,无论我做什么,我似乎都无法把它拉到视野中。
底部的黑色部分应该有一张巨大的美元钞票,上面写着"安倍是钱"
我的网址是:http://www.petegetscreative.com/abe/index.html
灵感来自本教程: http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/
干杯
我认为美元钞票图像太小了。
看着这个小提琴,当我将美元钞票图像的大小增加到 200% 时,它在预览中变得可见。
#known {
background: url(http://www.petegetscreative.com/abe/images/US-$5-SC-1953-Fr.1655.2.jpg) 50% 0 no-repeat fixed;
background-color: #000;
background-size: 200%;
height: 600px;
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
padding-top: 50px;
}
因此,可能发生的情况是图像的高度小于滚动位置的差异。尝试使用更大(更高)的图像。
我相信
问题可能是美元图像小于部分标签,并且您正在运行的脚本将 bg 图像置于负 Y 位置。您可以进行测试,使图像大于650px(部分的高度)。
相关文章:
- 背景图像顶部的滚动图像不移动
- 可单击滚动图像以显示文本框
- 使用JS滑动或滚动图像
- 在手机上缩小/缩放滚动图像
- 如何在滑块中重复滚动图像
- Django应用程序中的滚动图像
- 滚动图像下的内容而不会中断
- 视差滚动图像超出视野
- 如何使用jquery滚动图像
- 如何在 js 和 css3 中使用鼠标光标单击实现滚动图像
- 如何在不使用选框标签的情况下滚动图像?Javascript,jquery或css任何东西
- 使用 jQuery 滚动图像墙
- 在jquery中滚动图像时需要动画
- 滚动图像
- 滚动图像,单击时显示可移动的弹出窗口
- 为什么不是'我的滚动图像无法正常工作
- 在fullpage.js中使用幻灯片切换向下滚动图像
- 视差滚动图像通过徽标透明度
- 当使用滚动图像提交表单时,我的验证将被忽略
- 只有一个按钮可以滚动图像,我该如何进行排列