4-6数据请求检验问题?

4-6数据请求检验问题?

视频中说,图片的追加条件是:最后一个盒子的top值+其高度<窗体的值+滚动条滚动的值。

我想问的是,万一如果最后一个盒子的高度很矮,那(其他的盒子的top值+其高度)不就比(最后一个盒子+其高度)的值要大吗,这样岂不是达不到预期的效果?

所以追加的条件不是应该改为:高度值最高的一列 < 窗体的值+滚动条滚动的值。

请老师指点迷津?

http://img1.sycdn.imooc.com/climg//594ce9a00001a1e813660768.jpg

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

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

5回答
qq_天天_66 2017-08-09 09:30:11

其实我感觉,前面我么已经将minHeight重新计算了高度,所以我们可以对前一列的的盒子进行大小排序,选择最大的那个

计算他的top和height+20,这样会更准确。

这位兄弟说的情况确实是,因为也许可以能每个盒子的宽度一致,但是高度就不能保证了,所以老师的方法,我也就得不是很全面

我是田大胖 2017-08-08 15:08:48

每行追加的时候是找到每行最小的height去追加盒子的。所以最后一个盒子追加的时候肯定是这上一行中最高列高的那一列下面追加,同学的意思是说,如果最后一个盒子的height高度比较特殊,是非常小的height,那最后一个追加的盒子就可能不是最高的了。

  • 提问者 唐小贱 #1
    没错,我就是这个意思,不知这位同学对这个问题有什么更好的解决办法。
    2017-08-08 15:20:29
小丸子爱吃菜 2017-06-23 18:26:11

我们也可以通过排序的方式对这些图片的高度进行从小到大或者从大到小的排序,然后找到最小值和最大值。如果从小到大进行排序,那么length-1就是最后一个,如果从大到小进行排序,那么第一个就是最大值。

小丸子爱吃菜 2017-06-23 17:29:09

可以将老师的源码下载下来看一下,最长的盒子是不是每排最后一个盒子,将页面向下滑动,看下追加的效果。即使追加也是先追加到最后一排中的最短的那个图片下面,然后再继续按照长短去追加。

  • 提问者 唐小贱 #1
    我把图片传上去了,你帮忙看一下,length-1不是代表最后一个盒子的意思吗?
    2017-06-23 18:13:42
小丸子爱吃菜 2017-06-23 17:07:07

老师说的最后一个盒子,就是每排中最长的那个盒子(最后才能显示完整的盒子),并不是没排的最后一个盒子,还是要结合老师讲的上下文去看字幕,而不要仅仅去看字幕,字幕只是将老师说的重点给总结了出来!

祝学习愉快!

  • 提问者 唐小贱 #1
    老师说的确实是最长的那个盒子,也确实是最后一个盒子,只是老师的例子碰巧最后那个盒子等于最长的那个盒子。那如果是由用户上传一些参差不齐的图片,可能就不会那么巧了,所以就这点不懂?
    2017-06-23 17:14:36
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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