考虑边界的话,老师给出了以下代码,请解释以下。还有问题是x,y不能是负数了吗?

考虑边界的话,老师给出了以下代码,请解释以下。还有问题是x,y不能是负数了吗?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕夭夭 2021-01-22 19:15:47

同学你好,右下角更不可能是负值了,只有超出浏览器左侧和上侧,x和y才会是负值。老师给你画一个简易的图,帮助你去理解:

假设页面宽1000px,高2000px ,那么左上角坐标为(0,0),右下角的坐标就是(1000,2000),即在右下角时,x=1000 ,y=2000 ,所以是正值,不是负值。

http://img1.sycdn.imooc.com//climg/600ab3a7097bf11504990477.jpg


祝学习愉快~

好帮手慕夭夭 2021-01-22 11:06:06

同学你好,以x的判断为例(y的判断同理),参考如下理解:

1、x表示元素的水平坐标,当x为0时,则表示元素已经在最左侧了。

http://img1.sycdn.imooc.com//climg/600a3fc5092fbdb902380133.jpg

http://img1.sycdn.imooc.com//climg/600a3fb809d01bbb02260158.jpg

2、如果x为负数,则元素会超出屏幕左侧。

http://img1.sycdn.imooc.com//climg/600a40170950529b02370175.jpg

所以x是不能为负数的,小于0的时候,就让它直接等于0,即0是边界位置。

http://img1.sycdn.imooc.com//climg/600a40400916c31902830062.jpg

3、当元素在最右侧时,此时x的值就是页面的宽度减去元素自身的宽度,此时就是右侧的边界位置。

http://img1.sycdn.imooc.com//climg/600a40b909d3eed403850230.jpg


如果x的值大于页面的宽度减去自身宽度时,就表示超出浏览器右侧了,所以与左侧边界同理,要让x直接等于这个边界值哦。


http://img1.sycdn.imooc.com//climg/600a407b09d8639502630053.jpg

祝学习愉快~


  • 提问者 慕前端2185815 #1

    当盒子位于右下角时,translate不是就可以负向移动了吗?x,y这不是就可以取值负数了吗?

    2021-01-22 17:01:52
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师