发表于： 2019-10-20 23:26:08
1 799
今天完成的事情：
1 完成课程首页根据选择的年级，以及科目，发送请求
2 课程推荐显示轮播，其他不显示，并且滑动到一定位置时显示横线
3 点击轮播及课程跳转时，传递数据并且跳转到对应的详情页
4 优化了一下代码，把搜索跟轮播合成一个组件
5 写了一年级的，二年级的所有课程假数据。添加了加载数据时的动画
明天计划的事情：
1 完成详情页
遇到的问题：
1 用scrollTop的时候显示的数值一直都是0，并且onscroll事件不触发，但是touchmove事件会触发。
scrollTop一直为0是因为没设置好，虽然有滚动条，但不是这个元素本身的，所以一直为0 (跟scroll事件的设置一样)。具体操作在收获
收获：
onscrol：当元素的滚动条滚动时触发的事
onscroll事件貌似任何实体元素都可以绑定，这里的实体元素包括DOM元素、window元素、document元素
用法即：element.onscroll=function(){}
需要注意的是，滚动条一定要出现，而且滚动条是属于这元素的，例
<div id="wrap" style="height:100px;overflow:auto;">
<div id="inner" style="height:200px;">content</div>
</div
因为外层wrap的高度小于内层inner的高度，所以当设置overflow:auto时会出现滚动条，当拖动滚动条时就会触发wrap的onscroll事件，而不是inner的onscroll事件，即这滚动条属于wrap而不是属于inner，明白这点十分重要，对下面理解的scrollTop、scrollHeight一样道理。
返回列表
评论