首页 > 代码库 > 前端学习记录
前端学习记录
总结一下这几天跟前辈学的新知识:
1.吸顶效果,普通的做法是在onscroll函数中监听滚动距离,如果滚动超过导航条高度,则将导航条的class添加.fixed。但是ios6+设备下的浏览器会在页面滚动的时候暂停所有js的执行,包括setTimeout和setInterval,onscroll也不会执行,只有在滚动停止时才会继续执行js。
解决办法:
position:sticky可支持ios6+,但是完全不支持。在实现该效果时需要先判断用户的浏览器,如果为安卓则使用onscroll进行判断.fixed的移除和提阿甲,如果为ios则使用.sticky
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.fixed {
position: fixed;
top: 0;
}
2.loading方法的显示与隐藏,显示应该在ajax执行之前调用,并且和ajax请求在一个函数中,隐藏应该ajax请求之后调用并且也和ajax请求在一个函数中,这样能使查找函数更通用。
3.查询都用后台请求,不用过滤的原因,在页面分页时使用过滤查询有可能造成查询结果的不准确。
前端学习记录
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。