随着页面滚动改变 translateY 的值

2015-07-03 08:56:56 +08:00
 hiytom

一个面试题:
假设某个div的css为 .selector{transform:translateY(-500px)}
现在随着页面的滚动(自上而下),将-500逐渐变成0.变成0的过程中,停止滚动,则数值停止变化.
想了想,如果用$(".selector").css({"transform":"translateY("+($(window).scrollTop()-500)+"px)"});会出现超过0的值.
不知道大家有更好的方法没?

2045 次点击
所在节点    JavaScript
2 条回复
yangg
2015-07-03 10:18:37 +08:00
是要这样? Math.max($(window).scrollTop()-500, 0)
yangg
2015-07-03 10:19:24 +08:00
看错, -500就改成 Math.min

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/202955

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX