随着页面滚动改变translateY的值
一个面试题:
假设某个div的css为.selector{transform:translateY(-500px)}
现在随着页面的滚动(自上而下),将-500逐渐变成0.变成0的过程中,停止滚动,则数值停止变化.
想了想,如果用$(".selector").css({"transform":"translateY("+($(window).scrollTop()-500)+"px)"});会出现超过0的值.
不知道大家有更好的方法没?
展开
收起
1
条回答
写回答
写回答
-
$(".selector").css({"transform":"translateY("+($(window).scrollTop()-500)+"px)"}); 改成 $(".selector").css({"transform":"translateY("+($(window).scrollTop()-500>0?0:$(window).scrollTop()-500)+"px)"});2019-07-17 19:01:02赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
