随着页面滚动改变 translateY 的值

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3422 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

translatey

selector

滚动

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