随着页面滚动改变 translateY 的值

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3993 days ago, the information mentioned may be changed or developed.

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

translatey

selector

滚动

2 replies

yangg

Jul 3, 2015

是要这样？ Math.max($(window).scrollTop()-500, 0)

yangg

Jul 3, 2015

看错, -500就改成 Math.min