改变滚动的顶部值
jQuery Change top value on scroll
我希望在页面下方的"为20多岁的人设计"部分创建一个类似的效果。效果基本上是获得一个长图像来改变设备(如MacBook或iPhone)内的css top值,因此当用户滚动网站时,设备内的图像似乎也在滚动。
我已经创建了一个小提琴来显示我已经完成了多少,但是这在调整大小或初始加载时不太好用。
这是我在 下面使用的一些代码var yOffset = $element.offset().top - ($(document).scrollTop() + $(window).height()/diviser)
我现在看到了。但这个动作太微妙了,我都没注意到。看起来要为一个几乎不引人注意的东西做很多工作。看起来他是在根据整个窗口滚动的百分比变化来改变图像的顶部位置,但只有当图像在视窗内时。
就在我的脑海里(完全未经测试),像这样的东西会滚动图像和1/4的速度窗口将滚动;
var mobiletop = $('.mobile').position().top;
var scrollfactor = 4;
$(window).scroll(function(){
if($(window).scrollTop() > mobiletop){
var imgtop = $('.mobile img').position().top - (($(window).scrollTop() - mobiletop)/scrollfactor);
$('.mobile img').css('top', imgtop + 'px');
}
相关文章:
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 背景图像顶部的滚动图像不移动
- 滚动然后捕捉到顶部而不是取消捕捉
- 如何在从顶部滚动时暂停转盘/滑块,并在滚动到顶部时重新开始
- Android默认浏览器:谷歌地图制作“;位置:相对;元素在页面顶部滚动
- 如何将“切换滑块内容”的顶部滚动到视口的中心
- 修复了在页面顶部滚动时居中导航的问题
- 每次在顶部滚动顶部重置
- 为什么有时滚动顶部/滚动左不可写
- 当目标处于顶部滚动状态时,如何从菜单中激活项目
- 请在顶部滚动一次
- 当用户从顶部滚动超过一定距离时,执行Javascript
- 向表格添加水平顶部滚动条的Aurelia方式
- 如何使文档(页面)向左和顶部以及相对于正文的滚动(向左和顶部滚动)
- 从导航底部而非页面顶部滚动至Div
- 顶部滚动-可替代preventDefault()函数
- “无限scroll"代码只适用于顶部滚动
- 当导航栏固定顶部滚动时,引导捕获
- 单击时从窗口顶部滚动到特定位置
- 花式框弹出窗口始终在顶部滚动